/********************************************************************* STYLE 1 *************************************************************/
/* b_tooltip */
.b_tooltip {display:none; position:absolute; z-index:10; top:30px; right:0; background:url(../images/tooltip-arrow.png) no-repeat right top; padding:10px 0 0 0; color:#fff; font-size:11px; white-space:nowrap; height:auto; line-height:normal;}
.b_tooltip span {display:block; padding:3px 10px; background:url(../images/tooltip-bkg.png) repeat left top; text-shadow:none; font-size:11px; font-weight:normal;}
.action-btn:hover .b_tooltip {display:block;}
.active:hover .b_tooltip {display:none;}
/*\ b_tooltip */

/* options */
.options-container .dropdown {float:right; position:relative;}
.options-container .action-btn, .options-container .dropdown .action-btn {border:1px solid #d9d9d9; display:inline-block; width:40px; height:28px; background-color:#f3f3f3; background-position:center center; background-repeat:no-repeat; position:relative; padding:0;}
.options-container .action-btn:hover {background-color:#eaeaea;}
.options-container .action-btn:active, .options-container .action-btn.active {box-shadow:inset 0 0 5px #cdcdcd; border:1px solid #BBBBBB; background-color:#eaeaea;}

.options-container .menu-options {top:40px;}

.options-container .action-btn.options {background-image:url(../images/icon-settings.png);}
.options-container .action-btn.disconnect-user {background-image:url(../images/icon-leave.png); margin:0 0 0 10px;}
.options-container .action-btn.remove-user {background-image:url(../images/icon-block.png); margin:0 0 0 10px;}

.options-container .action-btn.add {
    background: url(../images/buttons.png) no-repeat left top;
    width: auto;
    float: right;
    margin: 0 0 0 10px;
    padding: 0 0 0 10px;
    border: none;
    height: 30px;
    color: #fff;
    font-size: 11px;
	cursor: pointer;
}
.options-container .action-btn.add .b_tooltip {display:block; position:static; background:url(../images/buttons.png) no-repeat right top; padding:0 10px 0 0; top:0;}
.options-container .action-btn.add .b_tooltip span {background:url(../images/icon-join.png) no-repeat left center; padding:0 0 0 35px; height:30px; line-height:30px;}
.options-container .action-btn.add:hover {background-position:left -30px;} 
.options-container .action-btn.add:hover .b_tooltip {background-position:right -30px;}
.options-container .action-btn.add:active {background-position:left -60px; box-shadow:none;}
.options-container .action-btn.add:active .b_tooltip {background-position:right -60px;}

.options-container .action-btn.cancel {width:auto; float:right; margin:0 0 0 10px; padding:0 0 0 10px; color:#fff; font-size:11px;}
.options-container .action-btn.cancel .b_tooltip {display:block; position:static; padding:0 10px 0 0; top:0; text-shadow:1px 1px 1px #FFFFFF; color:#5B5B5B; background:none;}
.options-container .action-btn.cancel .b_tooltip span {background:url(../images/icon-leave.png) no-repeat left center; padding:0 0 0 35px; height:28px; line-height:28px;}
/*\ options */

/* dropdown menu */
.dropdown {position:relative; display:inline-block;}
.dropdown .menu-btn {cursor:pointer; color:#7c7b7b; text-shadow:#fff 1px 1px 1px; border:1px solid #D9D9D9; background-color:#F3F3F3; background-repeat:no-repeat; padding:0 5px; height:21px; line-height:21px; display:inline-block; font-size:10px; /*float:right;*/ font-weight:bold; margin:0 0 0 5px;}
.dropdown .menu-btn:hover {background-color:#eaeaea; color:#7c7b7b; border-color:#c5c4c4;}
.dropdown .menu-btn:active, .dropdown .menu-btn.active {box-shadow:inset 0 0 5px #cdcdcd; background-color:#eaeaea; border-color:#bbb;}
.dropdown .menu-btn .dropdown-arrow {position:absolute; width:21px; height:12px; background:url(../images/dropdown-arrow.png) no-repeat center center; position:absolute; left:50%; margin:0 0 0 -10px; bottom:-12px; z-index:35;}

.menu-options {position:absolute; top:34px; right:0; display:none; background:#fff; border:1px solid #d9d9d9; z-index:30; box-shadow:0 0 3px #ccc; padding:10px 10px; white-space:nowrap; list-style:none; margin:0; font-size:11px;}
.menu-options li.title {font-size:14px; height:24px; display:block; padding:0 5px; border-bottom:1px solid #ddd; margin:0 0 5px 0;}
.menu-options li.title a {font-size:14px; padding:0;}
.menu-options li.title a:hover {background:none;}
.menu-options li a {display:block; font-size:11px; line-height:20px; padding:0 5px; margin:0;}
.menu-options li a:hover {background-color:#f3f3f3;}
.menu-options li input {margin:2px 5px 0 5px;}
/*\ dropdown menu */

.smart-style-1 a {
	transition: color 0.1s linear 0s,background-color 0.1s linear 0s !important;
}

.smart-style-1 body.container {
	border-left: 1px solid rgba(34, 38, 46, 0.4);
	border-right: 1px solid rgba(34, 38, 46, 0.4);
}

.smart-style-1 #header {
	background-image:none;
	background-color:#22262e;
}

.smart-style-1 #project-context > :first-child {
	color: #697B92;
	text-shadow: 0 0 1px #111318;
}

.smart-style-1 #ribbon {
	background: #e6e6e6;
}


.smart-style-1 #ribbon .breadcrumb > .active, .smart-style-1 #ribbon .breadcrumb li:last-child {
color: #868686;
}

.smart-style-1 #ribbon .breadcrumb a, .smart-style-1 #ribbon .breadcrumb {
color: #747474 !important;
}

.smart-style-1 .breadcrumb>li+li:before {
	color: #646464;
}

.smart-style-1 #project-selector {
	color: #B9B9B9;
}

.smart-style-1 .open > .dropdown-menu, .smart-style-1 .dropdown-menu {
	padding:4px;
}
.smart-style-1 .dropdown-menu>li>a, .smart-style-1 .dropdown-menu > li > a {
	border-radius:4px;
	margin:3px 0;
}


.smart-style-1 .btn.btn-ribbon {
background-color: #697486;
background-image: -moz-linear-gradient(top, #6F7D94, #697486);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6F7D94), to(#697486));
background-image: -webkit-linear-gradient(top, #6F7D94, #697486);
background-image: -o-linear-gradient(top, #6F7D94, #697486);
background-image: linear-gradient(to bottom, #6F7D94, #697486);
}

.smart-style-1 #logo-group span#activity {
background: #0d0f12;
border: 1px solid #0d0f12;
color:#fff;
cursor: pointer;
}.smart-style-1 .btn-header > :first-child > a {
background: #fb3c4a;
border: 1px solid #fb3c4a;
color:#fff !important;
cursor: pointer !important;	
}.smart-style-1 .btn-header > :first-child > a:hover {
	opacity:.9;
}

.smart-style-1 #cancel-search-js {
	background: #fb3c4a;
	line-height:29px !important;
}

.smart-style-1 .MsgTitle .txt-color-orangeDark {
	color:#fb3c4a !important;
}

/* tabs */
.tabs-navigation {list-style:none; margin:0 0 20px 0; padding:0 15px; border-bottom:1px solid #bbb; cursor:default; font-size:0; height:49px;}
.tabs-navigation li {display:inline; margin:0 5px 0 0; /*float:left;*/}
.tabs-navigation .tab-title {font-size:11px; margin:0 5px 0 25px; height:49px; line-height:25px;}
.tabs-navigation .tab-title.first {margin:0 5px 0 0;}

.tabs-navigation li a {display:inline-block; margin:0 0 -1px 0; color:#7C7B7B; border:1px solid #D9D9D9; border-bottom:none; background-color:#F3F3F3; text-shadow:0 1px 0 #fff; font-size:12px;}
.tabs-navigation li a span {
		/*display:block; */
		height:24px; line-height:24px; padding:0 15px;}
.tabs-navigation li a:hover {background-color:#eaeaea;}
.tabs-navigation li a:active {box-shadow:0 0 5px #CDCDCD inset;}
.tabs-navigation li.active a, .tabs-navigation li a.active {color:#5a5a5a; border:1px solid #BBBBBB; border-bottom:1px solid #fff; background:none;}

.tabs-navigation .tab-btn {font-size:11px;}
.tabs-navigation .tab-btn a {height:16px; line-height:16px; padding:0 5px; margin-top:3px; background:none; border:1px solid #fff; font-size:11px;}
.tabs-navigation .tab-btn a:hover {background:none;}
.tabs-navigation .tab-btn a:active {box-shadow:none;}
.tabs-navigation .tab-btn a.active, .tabs-navigation .tab-btn.active a {border:1px solid #ddd; background-color:#f9f9f9;}
.tabs-navigation .tab-btn a.tree-view {background:url(../images/tree-view.gif) no-repeat center center; width:10px;}
.tabs-navigation .tab-btn a.list-view {background:url(../images/list-view.gif) no-repeat center center; width:10px;}

.tabs-navigation-content {position:relative;}

.tabs-navigation li .highlighted {border:none; background-image:url(../images/buttons.png); background-repeat:no-repeat; background-position:left -90px; text-shadow:1px 1px 1px #2665CA; color:#fff; padding:0 0 0 15px;}
.tabs-navigation li .highlighted span {height:26px; line-height:26px; background-image:url(../images/buttons.png); background-repeat:no-repeat; background-position:right -90px; padding:0 15px 0 0;}
.tabs-navigation li .highlighted:hover {background-position:left -116px;}
.tabs-navigation li .highlighted:hover span {background-position:right -116px;}
.tabs-navigation li .highlighted:active {box-shadow:none; background-position:left -142px;}
.tabs-navigation li .highlighted:active span {box-shadow:none; background-position:right -142px;}

.tabs-navigation >ul >li >a.selected:before{
    color: #0091d9 !important;
} 

.tabs-navigation >ul >li >a.selected:after{
	content: "\f0dd" !important;
    top: 0% !important;
    color: #636363 !important;
    right: 0 !important;
} 
.tabs-navigation .selected:after {
    width: 0;
    height: 0;
    border-top: 0px solid #0091d9 !important;
    border-left: 0px solid rgba(0,0,0,0) !important;
    position: absolute;
    display: block;
    right: 0;
    content: ".";
    top: 0;
    z-index: 1;
}
/*\ tabs */


.invite-user-container, .people-section.user-container {
    height: 125px;
    width: 120px;
	padding: 5px 1px;
    position: relative;
	text-align: center;
	float: left;
    margin: 3px;
    background: rgba(250, 250, 250, 0.99);
    border: #DDD 1px solid;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    behavior: url(border.htc);
}
.people-section .avatar {
	display: block !important;
    padding: 1px;
}

.people-section .b_tooltip {display:block; position:absolute; z-index:10; top:90px; right:0; background:none; padding:10px 0 0 0; color:#fff; font-size:11px; white-space:nowrap; height:auto; line-height:normal; cursor:pointer}


.avatar img {
    background: rgba(250, 250, 250, 0.99);
    border: #DDD 1px solid;
    -moz-border-radius: 50px 50px 50px 50px;
    -webkit-border-radius: 50px 50px 50px 50px;
    border-radius: 50px 50px 50px 50px;
    behavior: url(border.htc);
}

.people-section.user-container .people-section .details {
    margin: 0 2px 0 2px;
    word-wrap: break-word;
}

.people-section .avatar{
	display: inline-block;
}

.people-section .details {margin:0 2px 0 2px; word-wrap:break-word;}
.people-section .title {display:block; font-size:14px; line-height:1.2em; margin: 0 0 3px 0;}
.people-section .title .job-title {font-size:12px; color:#666; display:block;}
.people-section .content {list-style:none; margin:3px 0 0 0; color:#A9A9A9; font-size:11px;}
.people-section .content a {color:#9D9D9D;}
.people-section .content a:hover {color:#666;}

#popup-container {display:none; position:absolute; left:0; top:0; z-index:500; background:#fff; border:1px solid #AAAAAA; width:360px; min-height:60px; padding:15px; box-shadow:0 0 10px #999; border-radius:5px;}
#popup-container .people-section {margin:0; padding:0; border:none; width:auto; height:auto;}
#popup-container .people-section .details {margin:0 110px 0 60px;}
#popup-container .people-section .options-container {position:absolute; right:0; top:7px; white-space:nowrap;}

#popup-container .personal-information {margin:5px 0 0 0; padding:0px; font-size:11px;}
#popup-container .personal-information a {color:#333;}

.statistics {
    font-size: 11px;
    color: #9d9d9d;
}
.statistics a {
    color: #9d9d9d;
}

.personal-information {margin:0; list-style:none;}
.personal-information .label {display:none;}
.personal-information .personal-information-email {/*padding:0 0 0 17px; background:url(../images/icon-mail.gif) no-repeat left center; */}
.personal-information .personal-information-email a {padding-left:17px; background-image:url(../images/icon-mail.gif); background-repeat:no-repeat; background-position:left -1px;}

.personal-information .personal-information-phone {padding:0 0 0 17px; background:url(../images/icon-phone.png) no-repeat left center;}
.personal-information .personal-information-alias {}
.personal-information .send-message {margin:3px 0 0 0; font-size:10px;}

.plain-btn {
    cursor: pointer;
    color: #7c7b7b;
    text-shadow: #fff 1px 1px 1px;
    border: 1px solid #D9D9D9;
    background: #F3F3F3;
    padding: 2px 5px;
    margin: 0 5px 0 0;
    display: inline-block;
}

/*******************************************/
/* cd-panel */

.cd-main-content {
  text-align: center;
}
.cd-main-content h1 {
  font-size: 20px;
  font-size: 1.25rem;
  color: #64788c;
  padding: 4em 0;
}
.cd-main-content .cd-btn {
  position: relative;
  display: inline-block;
  padding: 1em 2em;
  background-color: #89ba2c;
  color: #ffffff;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border-radius: 50em;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 0 5px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}
.no-touch .cd-main-content .cd-btn:hover {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 0 20px rgba(0, 0, 0, 0.3);
}
@media only screen and (min-width: 1170px) {
  .cd-main-content h1 {
    font-size: 32px;
    font-size: 2rem;
  }
}

.cd-panel {
  position: fixed;
  top: 50px;
  left: 0;
  height: 100%;
  width: 100%;
  visibility: hidden;
  -webkit-transition: visibility 0s 0.6s;
  -moz-transition: visibility 0s 0.6s;
  transition: visibility 0s 0.6s;
  z-index: 1100;
}
.cd-panel::after {
  /* overlay layer */
  position: absolute;
  top: 50px;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  cursor: pointer;
  -webkit-transition: background 0.3s 0.3s;
  -moz-transition: background 0.3s 0.3s;
  transition: background 0.3s 0.3s;
}
.cd-panel.is-visible {
  visibility: visible;
  -webkit-transition: visibility 0s 0s;
  -moz-transition: visibility 0s 0s;
  transition: visibility 0s 0s;
}
.cd-panel.is-visible::after {
  background: rgba(0, 0, 0, 0.6);
  -webkit-transition: background 0.3s 0s;
  -moz-transition: background 0.3s 0s;
  transition: background 0.3s 0s;
}
.cd-panel.is-visible .cd-panel-close::before {
  -webkit-animation: cd-close-1 0.6s 0.3s;
  -moz-animation: cd-close-1 0.6s 0.3s;
  animation: cd-close-1 0.6s 0.3s;
}
.cd-panel.is-visible .cd-panel-close::after {
  -webkit-animation: cd-close-2 0.6s 0.3s;
  -moz-animation: cd-close-2 0.6s 0.3s;
  animation: cd-close-2 0.6s 0.3s;
}

@-webkit-keyframes cd-close-1 {
  0%, 50% {
    -webkit-transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(45deg);
  }
}
@-moz-keyframes cd-close-1 {
  0%, 50% {
    -moz-transform: rotate(0);
  }
  100% {
    -moz-transform: rotate(45deg);
  }
}
@keyframes cd-close-1 {
  0%, 50% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}
@-webkit-keyframes cd-close-2 {
  0%, 50% {
    -webkit-transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(-45deg);
  }
}
@-moz-keyframes cd-close-2 {
  0%, 50% {
    -moz-transform: rotate(0);
  }
  100% {
    -moz-transform: rotate(-45deg);
  }
}
@keyframes cd-close-2 {
  0%, 50% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}
.cd-panel-header {
  position: fixed;
  width: 90%;
  height: 50px;
  line-height: 50px;
  background: rgba(21, 22, 23, 0.92);
  z-index: 2;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
  -webkit-transition: top 0.3s 0s;
  -moz-transition: top 0.3s 0s;
  transition: top 0.3s 0s;
}
.cd-panel-header h1 {
  font-weight: bold;
  color: #89ba2c;
  padding-left: 5%;
}
.from-right .cd-panel-header, .from-left .cd-panel-header {
  top: 0px;
}
.from-right .cd-panel-header {
  right: 0;
}
.from-left .cd-panel-header {
  left: 0;
}
.is-visible .cd-panel-header {
  top: 50px;
  -webkit-transition: top 0.3s 0.3s;
  -moz-transition: top 0.3s 0.3s;
  transition: top 0.3s 0.3s;
}
@media only screen and (min-width: 768px) {
  .cd-panel-header {
    width: 70%;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-panel-header {
    width: 75%;
  }
}

.cd-panel-close {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  /*width: 60px;*/
  /* image replacement */
  display: inline-block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
.cd-panel-close::before, .cd-panel-close::after {
  /* close icon created in CSS */
  position: absolute;
  top: 72px;
  left: 20px;
  height: 3px;
  width: 20px;
  background-color: #424f5c;
  /* this fixes a bug where pseudo elements are slighty off position */
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.cd-panel-close::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.cd-panel-close::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.no-touch .cd-panel-close:hover {
  background-color: #424f5c;
}
.no-touch .cd-panel-close:hover::before, .no-touch .cd-panel-close:hover::after {
  background-color: #ffffff;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.no-touch .cd-panel-close:hover::before {
  -webkit-transform: rotate(220deg);
  -moz-transform: rotate(220deg);
  -ms-transform: rotate(220deg);
  -o-transform: rotate(220deg);
  transform: rotate(220deg);
}
.no-touch .cd-panel-close:hover::after {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

.cd-panel-container {
  position: fixed;
  width: 90%;
  height: 100%;
  top: 50px;
  background: #dbe2e9;
  z-index: 1;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.from-right .cd-panel-container {
  right: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.from-left .cd-panel-container {
  left: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.is-visible .cd-panel-container {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  transition-delay: 0s;
}
@media only screen and (min-width: 768px) {
  .cd-panel-container {
    width: 70%;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-panel-container {
    width: 75%;
  }
}

.cd-panel-content {
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 70px 5%;
  overflow: auto;
  /* smooth scrolling on touch devices */
  -webkit-overflow-scrolling: touch;
}
.cd-panel-content p {
  font-size: 14px;
  font-size: 0.875rem;
  font-family: "Droid Serif", serif;
  color: #424f5c;
  line-height: 1.4;
  margin: 2em 0;
}
.cd-panel-content p:first-of-type {
  margin-top: 0;
}
@media only screen and (min-width: 768px) {
  .cd-panel-content p {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.6;
  }
}

/********** cd-panel */

@media (max-width: 979px) and (min-width: 768px) {
	.smart-style-1  #hide-menu i {
		color: #fff !important;
	}
}

@media only screen and (max-width: 679px) and (min-width: 0px) {
	.smart-style-1 #hide-menu i {
		color: #fff !important;
	}
}

@media only screen and (max-width: 479px) and (min-width: 320px) {
	.smart-style-1 #sparks {
		background: #fff;
	}

	.smart-style-1 #cancel-search-js, .smart-style-1 .search-mobile .header-search > button {
		border-radius:3px;
	}
}	


.smart-style-1 .minifyme {
	background: #434953;
} .smart-style-1 .minifyme:hover {
	background: #5C6C86;
	color: #E1E8F3
}

.smart-style-1 #show-shortcut:hover > i {
	color:#fff;
}

.smart-style-1 aside, 
.smart-style-1 .superbox-show,
.smart-style-1 .inbox-footer  {
background: #1b1e24;
}
.smart-style-1 .superbox-list.active:before {
	color: #1b1e24;
}



.smart-style-1 #logo-group {
background:#22262e !important;
}

.smart-style-1 .login-info span, .smart-style-1 .login-info {
	border-bottom:none;
}

.smart-style-1 nav ul b .fa-expand-o:before {
	content: "\f104";
}

.smart-style-1 nav ul b .fa-collapse-o:before {
	content: "\f107";
}

.smart-style-1 .header-search > input[type="text"] {
	border-color:#FFF !important;
	border-radius:2px;
}

.smart-style-1 nav ul ul li > a {
	text-shadow: 0 1px 1px #000;
	font-size: 13px;
	padding-left: 43px;
	color:#e1eaf1;
	display: block;
	font-weight: 300;
	padding-top: 6px !important;
	padding-bottom: 6px !important;
}
.smart-style-1 nav ul ul ul li a {
	padding: 8px 17px 8px 54px !important;
}
.smart-style-1 nav ul ul ul ul li a {
	padding-left: 72px !important;
}
.smart-style-1 nav ul ul ul ul ul li a {
	padding-left: 90px !important;
}
.smart-style-1 nav ul ul ul ul ul ul li a {
	padding-left: 108px !important;
}

.smart-style-1 nav > ul > li > ul::before, .smart-style-1 nav > ul ul li::before {
	border:none !important;
}

.smart-style-1 nav > ul > li > a > i {
	font-size: 17px;
	vertical-align: 0px;
}

.smart-style-1 nav > ul > li >a b {
	right: 17px;
	top: 12px;
}

.smart-style-1 nav > ul > li > a > i:after {
	border:1px solid #fff; /* here */
}

.smart-style-1 nav ul ul {
	background: #22262E;
}

.smart-style-1 nav ul ul li > a:hover {
	background: #1b1e24 !important;
}


.smart-style-1 nav ul li a, 
.smart-style-1 .login-info strong, 
.smart-style-1 .login-info a {
	color: #8b91a0;
}.smart-style-1 nav ul li a:active {
	background:none;
}.smart-style-1 nav ul li a:hover {
	color:#E1EAF1;
}

.smart-style-1 .header-dropdown-list a.dropdown-toggle {
	color:#FFF;
	text-decoration:none;
}

.smart-style-1 nav ul li a {
	padding: 12px 17px 12px 16px;
}

.smart-style-1 .login-info {
	height:auto;
}
.smart-style-1 .login-info > span{
	padding: 5px 10px;
}

.smart-style-1 .login-info img {
	width: 35px;
	border-radius:50%;
}

.smart-style-1 .login-info a {
	margin-top:2px;
}
.smart-style-1 .login-info a span {
	max-width: 136px;
}

.smart-style-1 .login-info a:hover {
	color:#fff;
}

.smart-style-1 #logo-group > span .badge {
	background: #0aa699;
}

.smart-style-1 #activity.active .badge {
 	background: #0aa699 !important;
}

.smart-style-1 .ajax-dropdown {
	background: #E2E8F1;
}

.smart-style-1 .ajax-notifications {
	background:#fff;
}

/* no nav animation */
	.smart-style-1  nav > ul > li > a:hover i {
		-webkit-animation-name: none;
		-moz-animation-name: none;
		-o-animation-name: none;
		animation-name: none;
	}


/*
 * COLORS
 */

.smart-style-1 img.online {
	border-left-color: #0AA699 !important; 
}

.smart-style-1 .onoffswitch-inner:before {
	  background-color: #36AECC !important;
	}

	.smart-style-1 .bg-color-red {
	  background-color: #fb3c4a !important;
	}
	
	
	
.smart-style-1 .pagination>.active>a, 
.smart-style-1 .pagination>.active>span, 
.smart-style-1 .pagination>.active>a:hover, 
.smart-style-1 .pagination>.active>span:hover, 
.smart-style-1 .pagination>.active>a:focus, 
.smart-style-1 .pagination>.active>span:focus {
	background-color: #36AECC;
	border-color: #36AECC;
}	


/*
 * MINIFIED
 */

.smart-style-1.minified .login-info a {
	margin-top:6px;
}

.smart-style-1.minified nav ul li a {
	padding: 12px 17px 12px 14px;
}

.smart-style-1.minified nav > ul > li > a > i {
	font-size: 18px;
}

.smart-style-1.minified nav > ul > li {
border-bottom: 1px solid #131416;
border-top: 1px solid #303031;
}

.smart-style-1.minified nav > ul > li > ul {
	background:#1B1E24;
}
.smart-style-1.minified nav > ul > li > ul > li {
	background:#22262E;
}

.smart-style-1.minified .login-info img {
	width: 30px !important;
}
.smart-style-1.minified .login-info span {
	padding: 0px 5px !important;
}

.smart-style-1.minified nav ul ul li > a:hover {
	background: #30343D !important;
}

.smart-style-1.minified nav ul > li > ul > li > ul {
	background:#1B1E24;
}

.smart-style-1.minified nav > ul > li > ul > li > ul > li {
	background:#1B1E24;
}

.smart-style-1.minified nav ul ul li > a {
	padding-left: 13px;
	padding-right: 13px !important;
}
.smart-style-1.minified nav ul ul ul li a {
	padding-left: 33px !important;
	padding-right: 13px !important;
}
.smart-style-1.minified nav ul ul ul ul li a {
	padding-left: 43px !important;
	padding-right: 13px !important;
}
.smart-style-1.minified nav ul ul ul ul ul li a {
	padding-left: 53px !important;
	padding-right: 13px !important;
}
.smart-style-1.minified nav ul ul ul ul ul ul li a {
	padding-left: 63px !important;
	padding-right: 13px !important;
}


/*
 * widget colors
 */

.smart-style-1 .jarviswidget-color-darken > header  {
	background: #1B1E24 !important;
	border-color: #1B1E24 !important;
}

.smart-style-1 .jarviswidget-color-blueDark > header  {
	background: #353D4B !important;
	border-color: #353D4B !important;
}

.smart-style-1 .jarviswidget-color-blue > header {
	background: #688F9E;
	border-color: #6A838D !important;
}

.smart-style-1 .jarviswidget-color-purple > header {
	background: #736086;
}

.smart-style-1 .jarviswidget-color-red > header {
	background: #C02631;
	border-color: #8F2129 !important;
}

.smart-style-1  .jarviswidget .bg-color-red {
	background: #C02631 !important;
}

.smart-style-1 .jarviswidget-color-greenLight > header, .smart-style-1 .jarviswidget .bg-color-greenLight {
	border-color: #96B447 !important;
	background: #96B447 !important;
}

.smart-style-1 .jarviswidget-color-yellow > header, .smart-style-1 .jarviswidget .bg-color-yellow {
	border-color: #DBB727 !important;
	background: #FDD01C !important;
	color: #25241F;
}

.smart-style-1 .jarviswidget-color-pink > header, .smart-style-1 .jarviswidget .bg-color-pink {
	background: #DB8EBB !important;
}

/********************************************************************* STYLE 2 *************************************************************/

.smart-style-2 #shortcut {
	background-color: rgba(255, 255, 255, 0.9);
}

.smart-style-2 #shortcut ul {
	-webkit-box-shadow: 0 4px 10px rgba(0,0,0,.3);
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
	border-bottom: 1px solid #A8BADB;
}

body.smart-style-2 {
	background:#fff;
}

.smart-style-2 #header, .smart-style-2 .inbox-footer, .smart-style-2 .superbox-show {
	background-image:none;
	background-color: #2C3742;
}
.smart-style-2 .superbox-list.active:before {
	color: #2C3742;
}

.smart-style-2 .superbox-img-description  {
	color:#9EA8B1 !important;
}

.smart-style-2 #project-context>:first-child {
	text-shadow:none;
}
.smart-style-2 #project-selector {
	color: #B2C1D5;
}
.smart-style-2 #project-selector:hover {
	color: #fff;
}

.smart-style-2 #logo-group span#activity {
	background:none !important;
	border:none !important;
	color:#C5C6CA;
}
.smart-style-2 #logo-group span#activity:hover {
	color:#fff;
}

.smart-style-2 .header-search>input[type="text"] {
	background: #161B22;
	border: 1px solid #0F1217;
	color:#fff;
	border-radius:4px;
}

.smart-style-2 .btn-header>:first-child>a {
	background:none;
	border:none !important;
	color: #C5C6CA;
	box-shadow:none !important;
}
.smart-style-2 .btn-header>:first-child>a:hover {
	color:#fff;
	cursor:pointer !important;
}

.smart-style-2 .header-search>button, 
.smart-style-2 .header-dropdown-list a.dropdown-toggle {
	color: #C5C6CA;
}

.smart-style-2 #ribbon {
	background:#fff;
}

.smart-style-2 .btn.btn-ribbon {
	background: #9498A0;
}

.smart-style-2 #ribbon .breadcrumb li:last-child, 
.smart-style-2 #ribbon .breadcrumb>.active, 
.smart-style-2 #ribbon .breadcrumb, 
.smart-style-2 #ribbon .breadcrumb a {
	color: #7C7C7C !important;
}

.smart-style-2 aside {
	background: #F7F7F7;
	background: -webkit-gradient(linear,left top,right top,color-stop(99%,#F7F7F7),color-stop(100%,#CACACA));
	background: -webkit-linear-gradient(left,#F7F7F7 99%,#CACACA 100%);
	background: -webkit-gradient(linear,top left,top right,from(#F7F7F7),to(#CACACA));
	background: linear-gradient(to right,#F7F7F7 99%,#CACACA 100%);
	min-height: 100%;
}

.smart-style-2 #left-panel {
	padding:15px;
}

.smart-style-2 #logo-group>span .badge {
	background: #008DC4;
}

.smart-style-2 .login-info span, 
.smart-style-2 .login-info {
	border: 0 !important; 
	box-shadow:none !important;
}

.smart-style-2 .login-info span {
	padding: 5px 10px 7px;
	background: #FFF;
	border-radius: 4px;
}

.smart-style-2 .login-info a span {
	padding:0;
	font-size: 16px !important;
	max-width: 105px;
}

.smart-style-2 .login-info { 
	margin-bottom:7px !important;	
	height:auto;
}

.smart-style-2 .login-info a {
	font-size: 16px !important;
	color: #33455A;
	margin-top: 2px;
}

.smart-style-2 .login-info img {
	width:35px;
}

.smart-style-2 nav ul li a {
	color: #69737A !important;
	font-size:12px !important;
}

.smart-style-2 nav > ul > li > a {
	padding-top:16px;
	padding-bottom:16px;
}

.smart-style-2 nav ul ul>li:hover b {
	color: #69737A !important;
}

.smart-style-2 nav>ul>li>a>i {
	font-size:25px !important;
}

.smart-style-2 nav > ul > li > a b {
	top:16px;
}

.smart-style-2 nav ul ul {
	background: none;
}

.smart-style-2 nav ul li.open>a, 
.smart-style-2 nav ul li.open>a b, 
.smart-style-2 nav ul .active>a {
	color: #202427 !important;
	font-weight: bold;
}

.smart-style-2 nav ul ul li>a:hover, 
.smart-style-2 nav ul li a:hover {
	color: #202427 !important;
	background:none !important;
}

.smart-style-2 nav ul ul li>a {
	padding-left:23px;
}

.smart-style-2 nav > ul > li > ul::before, 
.smart-style-2 nav > ul ul li::before {
	border: none !important;
}

.smart-style-2 nav ul ul ul li a {
	padding-left:30px;
}

.smart-style-2 nav ul ul ul ul li a {
	padding-left:40px;
}

.smart-style-2 nav ul ul ul ul ul li a {
	padding-left:50px;
}

.smart-style-2 nav ul ul ul ul ul ul li a {
	padding-left:60px;
}

.smart-style-2 .jarviswidget-color-blueDark>header {
	
	background: #2C3742 !important;
	border-color: #2C3742!important;
}

.smart-style-2 .btn-primary, .smart-style-2 .smart-form .button{
	background-color: #3b9ff3;
	border-color: #3292E2;
}

.smart-style-2 .btn-primary:hover, 
.smart-style-2 .btn-primary:focus, 
.smart-style-2 .btn-primary:active, 
.smart-style-2 .btn-primary.active, 
.smart-style-2 .open .dropdown-toggle.btn-primary {
	background-color: #3E90D4;
	border-color: #2F7DBE;
}

.smart-style-2 .dropdown-menu>li>a:hover, 
.smart-style-2 .dropdown-menu>li>a:focus {
	background-color: #3E90D4;
}



.smart-style-2 .btn-success {
	background-color: #96bf48;
	border-color: #84A83E;
}

.smart-style-2 .btn-success:hover, 
.smart-style-2 .btn-success:focus, 
.smart-style-2 .btn-success:active, 
.smart-style-2 .btn-success.active, 
.smart-style-2 .open .dropdown-toggle.btn-success {
	background-color: #89AD45;
	border-color: #78973B;
}

.smart-style-2 .btn-danger {
	background-color: #DB4A67;
	border-color: #CA4862;
}

.smart-style-2 .btn-danger:hover, 
.smart-style-2 .btn-danger:focus, 
.smart-style-2 .btn-danger:active, 
.smart-style-2 .btn-danger.active, 
.smart-style-2 .open .dropdown-toggle.btn-danger {
	background-color: #CF4762;
	border-color: #C0455E;
}


.smart-style-2 .btn-warning {
	background-color: #E2B14A;
	border-color: #C99D42;
}

.smart-style-2 .btn-warning:hover, 
.smart-style-2 .btn-warning:focus, 
.smart-style-2 .btn-warning:active, 
.smart-style-2 .btn-warning.active, 
.smart-style-2 .open .dropdown-toggle.btn-warning {
	background-color: #D6A848;
	border-color: #C09844;
}

.smart-style-2 .pagination>.active>a, 
.smart-style-2 .pagination>.active>span, 
.smart-style-2 .pagination>.active>a:hover, 
.smart-style-2 .pagination>.active>span:hover, 
.smart-style-2 .pagination>.active>a:focus, 
.smart-style-2 .pagination>.active>span:focus {
	background-color: #3b9ff3;
}

/*
 * MINIFIED
 */
.smart-style-2.minified .login-info a {
	margin-top: 4px;
}

.smart-style-2.minified #left-panel {
	padding:0 !important;
}

.smart-style-2.minified nav ul>li>a {
padding: 12px 11px;
}

.smart-style-2.minified nav>ul>li>ul, .smart-style-2.minified nav>ul>li>ul>li, .smart-style-2.minified nav>ul>li>ul>li>ul>li {
	background:#fff !important;
}

.smart-style-2.minified nav>ul>li {
	border-bottom: 1px solid #E6E6E6;
	border-top: 1px solid #FFFFFF;
}


.smart-style-2.minified nav>ul>li>a>i {
	font-size:18px !important;
}

.smart-style-2.minified .login-info span {
	padding:0;
}

.smart-style-2.minified .login-info {
	margin:0 !important;
}


.smart-style-2.minified nav ul li.active>a:before {
	height: 23px;
	right: -19px;
	top: 7px;
	font-size: 20px;
	color: #FFFFFF;
}

/*
 * COLOR PALLET
 */
.smart-style-2 .bg-color-red {
	background: #DB4A67 !important;
}

.smart-style-2 .bg-color-blue {
	background: #4387bf !important;
}

.smart-style-2 .smart-form .checkbox input:checked+i, 
.smart-style-2 .smart-form .radio input:checked+i, 
.smart-style-2 .smart-form .toggle input:checked+i {
	border-color: #3b9ff3;
}

.smart-style-2 .smart-form .toggle i:before {
background-color: #3b9ff3;
}

.smart-form .rating input+label:hover, 
.smart-form .rating input+label:hover~label {
	color: #3b9ff3;
}

.smart-style-2 .bg-color-greenLight {
	background-color: #89AD45 !important;
}

.smart-style-2 .bg-color-orange {
	background-color: #D6A848 !important;
}

.smart-style-2 .bg-color-teal {
	background-color: #5ba0a3 !important;
}

.smart-style-2 .minifyme {
	background: #D7DAE2;
	border-bottom: 1px solid #818181;
	color: #7E7E7E;
}

.smart-style-2  .minifyme:hover {
	color: #4E4E4E;
}

.smart-style-2 .onoffswitch-inner:before {
	background: #3b9ff3;
	border-color: #3b9ff3 #257DC7 #2A7DC4;
}

.smart-style-2 .onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch:before {
	color: #84A83E;
}

/********************************************************************* STYLE 3 *************************************************************/

body.smart-style-3, .smart-style-3 body {
	background:#ffffff !important;
	font-family: Arial, sans-serif
}

.smart-style-3 #logo img {
	width: 125px;
	height: auto;
	padding-left: 3px;
	margin-top: -3px;
}

.smart-style-3 #header {
	background-color: #f78c40;
	background-image: -moz-linear-gradient(top, #f78c40, #d67632);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f78c40), to(#d67632));
	background-image: -webkit-linear-gradient(top, #f78c40, #d67632);
	background-image: -o-linear-gradient(top, #f78c40, #d67632);
	background-image: linear-gradient(to bottom, #f78c40, #d67632);
}

.smart-style-3 #ribbon {
	background: #fff;
} 

.smart-style-3 #ribbon .breadcrumb, .smart-style-3 #ribbon .breadcrumb a {
	color: #7C7C7C!important;
}

.smart-style-3 #ribbon .breadcrumb li:last-child, .smart-style-3 #ribbon .breadcrumb>.active {
color: #5F5F5F;
}

.smart-style-3.fixed-ribbon #ribbon {
	box-shadow: 0 .0625em .3125em rgba(0, 0, 0, .35);
}

.smart-style-3 .btn-header>:first-child>a,
.smart-style-3 #logo-group span#activity {
	background-color: #DD7C37;
	background-image: -moz-linear-gradient(top, #DD7C37, #B9662B);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#B9662B), to(#B9662B));
	background-image: -webkit-linear-gradient(top, #DD7C37, #B9662B);
	background-image: -o-linear-gradient(top, #DD7C37, #B9662B);
	background-image: linear-gradient(to bottom, #DD7C37, #B9662B);
	color: #fff !important;
	border: 1px solid #f09d61;
	text-shadow: #985813 0 -1px;
} .smart-style-3 #hide-menu i {
	color: #fff !important;
}

.smart-style-3 .btn-header>:first-child>a:hover,
.smart-style-3 #logo-group span#activity:hover,
.smart-style-3 .btn-header>:first-child>a:active,
.smart-style-3 #logo-group span#activity:active {
	-webkit-box-shadow: inset 1px 1px 0px #985813,inset -1px -1px 0px #985813;
	-moz-box-shadow: inset 1px 1px 0px #985813,inset -1px -1px 0px #985813;
	box-shadow: inset 1px 1px 0px #985813,inset -1px -1px 0px #985813;
	background-color: #dd7a35;
	background-image: -moz-linear-gradient(top, #dd7a35, #984a13);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dd7a35), to(#984a13));
	background-image: -webkit-linear-gradient(top, #dd7a35, #984a13);
	background-image: -o-linear-gradient(top, #dd7a35, #984a13);
	background-image: linear-gradient(to bottom, #dd7a35, #984a13);
}

.smart-style-3 #project-selector, 
.smart-style-3 #project-context>:first-child,
.smart-style-3 .header-dropdown-list>li>.dropdown-toggle {
	color:#fff;
	text-shadow: #985813 0 -1px;
}

.smart-style-3 .header-dropdown-list>li>.dropdown-toggle {
	display: block;
	background: rgba(0,0,0,0.2);
	padding: 2px 7px 3px;
	border-radius: 3px;
	margin-top: 14px;
}

.smart-style-3 .header-search>input[type=text] {
	border-color: #CA854F;
}

.smart-style-3 .header-search>button {
	color: #DF9B45;
}

.smart-style-3 aside {
	background: #f2f2f2;
	border-right:2px solid #ccc;
}

.smart-style-3 .login-info span {
	border-bottom:none;
}

.smart-style-3 .login-info a span {
	color: #444 !important;
}

.smart-style-3 .login-info {
	border-bottom: 1px solid #E2E2E2;
	background: #fff;
	box-shadow:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
}

.smart-style-3 nav ul li a, .smart-style-3 nav ul li.open>a, .smart-style-3 nav ul li.open>a b {
	color: #444 !important;
}

.smart-style-3 nav>ul>li {
	background-color: #f2f2f2;
	background-image: -moz-linear-gradient(top, #f9f9f9, #f2f2f2);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), to(#f2f2f2));
	background-image: -webkit-linear-gradient(top, #f9f9f9, #f2f2f2);
	background-image: -o-linear-gradient(top, #f9f9f9, #f2f2f2);
	background-image: linear-gradient(to bottom, #f9f9f9, #f2f2f2);
	border-bottom: 1px solid #DFDFDF;
}

.smart-style-3 nav > ul > li.active>a:before {
	top: 10px !important;
}

.smart-style-3 nav>ul>li>a b {
	top: 12px;
}

.smart-style-3 nav ul li.active>a:before {
	top: 6px;
}

.smart-style-3 nav>ul>li.open {
	border-left: 4px solid #058dc7;
}

.smart-style-3 nav>ul>li > a{
	padding: 12px 10px 12px 11px;
	font-size: 13px;
}

.smart-style-3 nav>ul>li>a>i {
	color: #058dc7;
	font-size: 20px;
}

.smart-style-3 nav ul ul {
	background:none;
}

.smart-style-3 nav ul ul li>a {
	font-size: 13px;
}

.smart-style-3 nav ul li a:hover {
	background: rgba(0,0,0,.05) !important;
}

.smart-style-3 nav>ul>li.open > a {
	padding-left:7px;
}

.smart-style-3 nav>ul>li.open ul li>a {
	padding-left: 38px;
}

.smart-style-3 nav>ul ul li::before,
.smart-style-3 nav>ul>li>ul::before {
	border:none;
}


.smart-style-3  nav ul li.active>a {
	font-weight:bold;
}

.smart-style-3  nav ul li.active>a:before {
	color:#bbb;
}

.smart-style-3 .inbox-footer, 
.smart-style-3 .superbox-show {
	background:#3D3B39;
}

.smart-style-3 .superbox-list.active:before {
	color:#3D3B39;
}

.smart-style-3 nav>ul>li.open > ul > li > a {
	padding-left: 38px;
}

/*
 * MINIFIED
 */

.smart-style-3.minified nav>ul>li {
	border-bottom: 1px solid #E9E4E4;
	border-top: 1px solid #FFFFFF;
}

.smart-style-3.minified nav>ul>li>ul,
.smart-style-3.minified nav>ul>li>ul>li>ul>li {
	background-color: rgba(69,69,69,.9);
}

.smart-style-3.minified nav ul li a, 
.smart-style-3.minified nav ul li.open>a, 
.smart-style-3.minified nav ul li.open>a b {
	color:#fff !important;
}

.smart-style-3.minified nav>ul>li.open ul li>a {
	padding-left:14px;
}

.smart-style-3 .active+.ajax-dropdown {
	-webkit-box-shadow: 1px 14px 16px rgba(61, 35, 14, 0.55);
	box-shadow: 1px 14px 16px rgba(61, 35, 14, 0.55);
}

@media (max-width: 979px) {
	.smart-style-3 #content {
		padding-left: 5px;
		padding-right: 5px;
	}
	.smart-style-3 #ribbon {
		margin-left:0px;
		margin-right:0px;
		margin-top:0px;
		border-radius:0px;
	}
}
.smart-style-3 .dropdown-menu>.active>a, 
.smart-style-3 .dropdown-menu>.active>a:hover,
.smart-style-3 .dropdown-menu>li>a:hover, 
.smart-style-3 .dropdown-menu>li>a:focus,
.smart-style-3 .tt-suggestion.tt-is-under-cursor {
	background-color: #EC9519;
	color: #fff;
}

.smart-style-3 .dropdown-menu>li>a {
	color: #4E361B;
}

.smart-style-3 .dropdown-menu {
	border-radius: 0;
	border-bottom: 2px solid #ADADAD;
	background: #FDDFB3;
}

.smart-style-3 .dropdown-menu .divider {
	background-color: #EBC7A6;
}

.smart-style-3 .dropdown-menu-large .dropdown-header {
	color: #5C391E;
}

.smart-style-3 .dropdown-menu-large>li ul>li>a:focus, 
.smart-style-3 .dropdown-menu-large>li ul>li>a:hover {
	border-radius:3px;
	background-color: #F1B686;
}

/*
 * FORMS
 */

.smart-style-3 input:not([type]), 
.smart-style-3 input[type="color"], 
.smart-style-3 input[type="email"], 
.smart-style-3 input[type="number"], 
.smart-style-3 input[type="password"], 
.smart-style-3 input[type="tel"], 
.smart-style-3 input[type="url"], 
.smart-style-3 input[type="text"],
.smart-style-3 textarea {
	border-top-color: #a3a3a3;
	border-left-color: #a3a3a3;
	border-bottom-color: #ccc;
	border-right-color: #ccc;
	-webkit-box-shadow: inset 0 1px 0 #d6d6d6;
	-moz-box-shadow: inset 0 1px 0 #d6d6d6;
	box-shadow: inset 0 1px 0 #d6d6d6;
	color: #000;
}

.smart-style-3 .has-warning .form-control {
	border-color: #c09853 !important;
}


.smart-style-3 .has-error .form-control {
	border-color: #b94a48 !important;
}

.smart-style-3 .has-success .form-control {
	border-color: #468847 !important;
}


.smart-style-3 .select2-container-multi .select2-choices .select2-search-field input, .smart-style-3 .tt-hint {
	box-shadow: none !important;
	border:none !important;
}

/*
 * Shortcut
 */

.smart-style-3 #shortcut {
	background-color: rgba(25, 16, 6, 0.85);
}

/*
 * alerts
 */

.smart-style-3 .bigBox span, .smart-style-3 .SmallBox span {
	letter-spacing:0px;
}


/********************************************************************* Skin-4 *************************************************************/


/* editor */
.status-editor {margin:0 0 5px 0;}
#editor-placeholder {display:none;}

.htmlarea .textarea-highlighter {position:relative; z-index:1; min-height:20px; padding:0 1px 0px; /*height:100%;*/ top:0; left:0; font-size:13px; white-space:pre-wrap; word-wrap:break-word; line-height:1.24; color:#fff;}
.htmlarea .textarea-highlighter span {background:#e5e5e5; color:#e5e5e5; white-space:pre-wrap;}
.comments-editor .htmlarea textarea {font-size:11px;}
.comments-editor .htmlarea .textarea-highlighter {font-size:11px; min-height:17px;}
.htmlarea.focus textarea {color:#000;}
.htmlarea.focus {border:1px solid #7dbef1; box-shadow: 0 0 5px #ccc;}

.htmlarea-ac {position:relative; z-index:10;}
.htmlarea-ac-container {position:absolute; width:70%; z-index:50; left:0; top:0; display:none; background:#fff;}
.htmlarea-ac-container .htmlarea-ac-title {padding:3px 5px; font-weight:bold; font-style:italic; color:#6E6E6E; font-size:10px; border:1px solid #C2C2C2; border-top:none;}
.htmlarea-ac-container ul {list-style:none; margin:0; border:1px solid #C2C2C2; border-top:none;}
.htmlarea-ac-container ul li {border-bottom:1px solid #F5F5F5; cursor:pointer; display:block; width:100%;}
.htmlarea-ac-container ul li.hover {background:#e1e1e1;}
.htmlarea-ac-container ul li.selection {background:#e1e1e1;}
.htmlarea-ac-container ul li img {float:left; margin:2px 5px;}
.htmlarea-ac-container ul li span {float:left; margin:2px 0 0 0;}
.htmlarea-ac-container ul li span strong {background:#E1E1E1;}
.htmlarea-ac-container ul li.hover span strong, .htmlarea-ac-container ul li.selection span strong {background:#fff;}
/*\ editor */

/* attachments options */
.attachments-options {float:left; width:190px; margin:7px 0 0 0;}
.attachment-button {float:left; color:#7c7b7b; text-shadow:#fff 1px 1px 1px; display:inline-block; background-position:left center; background-repeat:no-repeat; margin:0 13px 0 0; position:relative; padding:0 0 0 18px; cursor:pointer; font-size:11px;}
.attachment-button:hover, .attachment-button.hover {color:#555;}
.attachment-button:hover .b_tooltip, .attachment-button.hover .b_tooltip {display:block; top:15px;}

.attachment-button.file {background-image:url(../images/icon-file-attachments.png);}
.attachment-button.link {background-image:url(../images/icon-link-attachments.png);}
.attachment-button.ac-btn {background-image:url(../images/icon-alias-attachments.png);}

.attachment-link-container {display:inline-block; position:relative; float:left;}
.attachments-options .attachment-link-field-container {background: url("../images/attachments-container-bkg.png") no-repeat left top; display:none; height:16px; left:-5px; padding:15px 11px 11px; position:absolute; top:10px; width:232px; z-index:5;}
.attachments-options .attachment-link-container.open .attachment-button {}
.attachments-options .attachment-link-container .add-link {float: right; height: 16px; line-height: 16px; margin: 0; padding: 0; text-align: center; width: 48px; border:1px solid #d9d9d9; background-color:#f3f3f3;}
.attachments-options .attachment-link-container .add-link:hover, .attachments-options .attachment-link-container .add-link.hover {background-color:#eaeaea; color:#7c7b7b;}
.attachments-options .attachment-link-container .add-link:active {box-shadow:inset 0 0 5px #cdcdcd;}
.attachments-options .attachment-link-field {border:1px solid #D7D7D7; float:left; height:16px; padding:0 2px; width:176px; font-size:10px; color:#666;}
.attachments-options .uploading {background:url("../images/loading-spin.gif") no-repeat center center; display:none; float:left; font-size:0; width:12px; height:12px; line-height:0; margin:0 0 0 5px; text-indent:-9999px;}
/*\ attachments options */

/* attachments */
.attachments {}

.attachments.uploads {display:none; border-bottom:1px solid #D9D9D9; padding:7px 0 0 0;}
.attachments.uploads .image-thumb {position:relative;}

.attachments.uploads .delete {position:absolute; width:16px; height:16px; right:2px; top:2px; z-index: 2; background:url("../images/icon-delete.png") no-repeat center center; cursor:pointer; font-size:0; margin:0 0 0 -1px; padding:0; text-indent:-9999px;}
.attachments.uploads .image-thumb .delete {background-color:#fff; border:1px solid #ddd;}

.attachments .images .image-thumb {display:inline-block; margin:0 5px 5px 0; border:1px solid #ddd; padding:2px; display:inline-block; position:relative;}
.attachments .images .image-thumb:hover {box-shadow:0 0 3px #bbb; border-color:#bbb;}
/*.attachments .images a img {height:160px;}*/

.attachments .files .container {position:relative;}
.attachments .files .file {margin:0 0 5px 0; font-size:11px;}

.attachments .image-thumb .play-icon {width:100%; height:60px; position:absolute; left:0; top:50%; margin:-30px 0 0 0; background:url(../images/play.png) no-repeat center top; z-index:1;}
.attachments .image-thumb:hover .play-icon {background:url(../images/play.png) no-repeat center bottom;}

.attachments .video-placeholder {width:460px; height:288px; display:none;}
.comments-thread-container .attachments .video-placeholder {width:320px; height:200px;}

.attachments .thumb {float:left; margin:0 0 0 5px;}

.attachments .links .container {position:relative; margin:0 0 6px 0; background:#FAFAFA; border:1px solid #ddd; border-radius:2px; box-shadow:0 0 2px #ddd; max-width:580px; padding:8px;}
.attachments.uploads .links .container {/*padding:0 25px 0 0;*/}
.attachments.uploads .links .container:hover {background:#f5f5f5;}
.attachments .links .content {margin: 0 0 0 100px;}
.comments-thread-container .attachments .links .content {margin: 0 0 0 90px;}
.attachments .links .content.text-info {margin:0;}
.attachments .links .content span {color:#666; display:block; font-size:11px; line-height:1.2; margin:0 0 5px; word-wrap:break-word;}
.attachments .links .content .link-title {font-size:11px; display:inline-block; word-wrap:break-word; max-width:100%;}

.attachments .links .single-thumb {float:left; width:90px; margin:0; padding:0; list-style:none;}
.attachments .links .single-thumb img {width:90px;}
.comments-thread-container .attachments .links .single-thumb {width:80px;}
.comments-thread-container .attachments .links .single-thumb img {width:80px;}

.attachments .links .container .jcarousel-container {position:relative; margin:0; float:left;}

.link-page-container .link-page-content.text-info {margin:0;}
.link-page-container .link-page-content a {font-weight:bold; display:block;}
.link-page-container .link-page-content span {display:block; margin:5px 0 0 0;}

.attachments .links .container .jcarousel-clip {z-index:2; padding:0; margin:0; overflow:hidden; position:relative; height:60px; width:80px;}
.attachments .links .container .jcarousel-list {z-index:1; overflow:visible; position:relative; top:0; left:0; margin:0; padding:0; width:2000px !important; height:60px;}
#center-container ol.comments-thread ul.jcarousel-list {padding:0 !important;}
.attachments .links .container .jcarousel-list li, .link-page-container .jcarousel-item {float:left; list-style:none; width:80px; height:60px; background:#fff; position:relative;}
.status-editor .attachments .links .container .jcarousel-list li, .status-editor .attachments .links .container .jcarousel-item {width:90px; height:68px;}
.attachments .links .container .jcarousel-next {z-index:3; display:none;}
.attachments .links .container .jcarousel-prev {z-index:3; display:none;}
.attachments .links .container .jcarousel-container-horizontal {width:80px; /*padding:0 2px; /*z-index:96;*/}
.attachments .links .container .jcarousel-container-vertical {width:80px; height:60px; /*padding:40px 20px;*/}
.attachments .links .container .jcarousel-clip-horizontal {width:80px; height:60px; /*z-index:97;*/}
.attachments .links .container .jcarousel-clip-vertical {width:80px; height:60px;}
.attachments .links .container .jcarousel-item {width:80px; height:60px;}
.attachments .links .container .jcarousel-item-horizontal {/*margin-right:10px;*/ margin:0 1px 0 0; /*z-index: 99;*/}
.attachments .links .container .jcarousel-item-vertical {margin-bottom:10px;}
.attachments .links .container .jcarousel-item-placeholder {background:#fff; color:#000;}

.jcarousel-item img {width:80px;}
.status-editor .jcarousel-item img {width:90px;}

.status-editor .attachments .links .container .jcarousel-container-horizontal {width:90px;}
.status-editor .attachments .links .container .jcarousel-container-vertical {width:90px; height:68px;}
.status-editor .attachments .links .container .jcarousel-clip-horizontal {width:90px; height:68px;}
.status-editor .attachments .links .container .jcarousel-clip-vertical {width:90px; height:68px;}
.status-editor .attachments .links .container .jcarousel-item {width:90px; height:68px;}
.status-editor .attachments .links .container .jcarousel-item-horizontal {margin:0 1px 0 0;}
.status-editor .attachments .links .container .jcarousel-item-vertical {margin-bottom:10px;}
.status-editor .attachments .links .container .jcarousel-item-placeholder {background:#fff; color:#000;}

.links {position:relative;}
.links .icon {position:absolute; right:0; top:0; margin:0;}
.links .thumb {/*position:relative;*/ margin:0 0 5px 0; float:left; display:block;}
.links a.thumb {position:relative;}
.links a.thumb img {width:80px;}

.links a.thumb .play-icon {width:100%; height:60px; position:absolute; left:0; top:50%; margin:-30px 0 0 0; background:url(../images/play.png) no-repeat center top; z-index:1;}
.links a.thumb:hover .play-icon {background:url(../images/play.png) no-repeat center bottom;}

.activity-container .links .thumb img {width:90px;}
.status-editor .links .thumb img {width:90px;}

.attachments .links .link-page-content {margin:0 0 0 90px;}
.activity-container .attachments .links .link-page-content {margin:0 0 0 100px;}
.links .link-page-content.text-info {margin:0 !important;}

.links .link-page-content strong, .links .link-page-content a, .links .link-page-content strong span, .links .link-page-content a span {font-size:11px; /*color:inherit; /*color:#333;*/}
.links .link-page-content span {display:block; margin:0 0 5px 0; font-size:11px; line-height:1.2; color:#666;}

/*\ Horizontal Buttons */
.attachments .links .container .jcarousel-next-horizontal {position:absolute; top:20px; right:-8px; width:16px; height:14px; cursor:pointer; background: transparent url('../images/widget-panel/next-horizontal.png') no-repeat 0 0;}
.attachments .links .container .jcarousel-prev-horizontal {position:absolute; top:20px; left:-8px; width:16px; height:14px; cursor:pointer; background:transparent url('../images/widget-panel/prev-horizontal.png') no-repeat -50px 0;}
.attachments .links .container .jcarousel-next-horizontal:hover {background-position:-16px 0;}
.attachments .links .container .jcarousel-prev-horizontal:hover {background-position:-32px 0;}
.attachments .links .container .jcarousel-next-horizontal:active {background-position:-32px 0;}
.attachments .links .container .jcarousel-prev-horizontal:active {background-position:-16px 0;}
.attachments .links .container .jcarousel-next-disabled-horizontal, .attachments .links .container .jcarousel-next-disabled-horizontal:hover, .attachments .links .container .jcarousel-next-disabled-horizontal:active {cursor:default; background-position:0;}
.attachments .links .container .jcarousel-prev-disabled-horizontal, .attachments .links .container .jcarousel-prev-disabled-horizontal:hover, .attachments .links .container .jcarousel-prev-disabled-horizontal:active {cursor:default; background-position:-50px 0;}
/*\ attachments */

/* activity */
#activity-feed-list-container {position:relative; min-height:100px;}
.feed-no-result {background:#F6F6F6; color:#666666; padding:10px 20px;}
.activity {padding:10px 0; border-bottom:1px solid #e9e9e9;}
.activity.no-comments .comments-thread-container {display: none;}

.activity .avatar {float:left;}
.activity-container {margin:0 0 0 60px;}

.activity.ConnectWithUser .avatar {margin:0 10px 0 0;}
.activity.ConnectWithUser .activity-container {margin:0 0 0 140px;}
.activity.group.ConnectWithUser .activity-container {margin:0 0 0 70px;}

.activity-header {position:relative;}
.activity .author {font-size:14px; margin:0 3px 0 0; font-weight:bold;}

.meta-info {font-size:10px; color:#9d9d9d; display:inline;}
.meta-info a {color:#9d9d9d;}
.meta-info a:hover {color:#666;}

.activity-content {position:relative; word-wrap:break-word; margin:5px 0; padding:0; font-size:12px;}

.activity:hover .activity-options {display:block;}
.activity-options {display:none; position:absolute; z-index:5; right:0; top:0; height:16px;}
.activity-options a {font-size:0; text-indent:-9999px; cursor:pointer; background-position:center center; background-repeat:no-repeat; padding:0; width:18px; height:18px; float:left;}
.activity-options .delete {background-image:url(../images/icon-delete.png);}
.activity-options .bookmark {background-image:url(../images/star.png);}
.activity-options .bookmark.empty {background-image:url(../images/star-empty.png);}

.activity-footer {font-size:11px; color:#9D9D9D;}
.activity-footer a {color:#4e7387; margin: 0 10px 0 0;}
.activity-footer a:hover {color:#316581;}
.activity-footer a.action {cursor:pointer; background-position:-3px center; background-repeat:no-repeat; padding:0 0 0 15px; margin:0 10px 0 0}
.activity-footer a.add-comment {background-image:url(../images/icon-comments.png);}
.activity-footer a.like {background-image:url(../images/icon-like.png);}
.activity-footer a.unlike {padding:0;}

.activity-footer a.permlink {color:#9D9D9D;}
.activity-footer a.permlink:hover {color:#666666;}
.activity-footer a.permlink {margin: 0 15px 0 0;}


.meta-info .dropdown .menu-btn {background:url("../images/arrow-groups.png") no-repeat right 5px; margin:0 10px 0 0; padding:0 13px 0 0; border:none; font-size:inherit; font-weight:normal; height:auto; line-height:normal; color:#4E7387;}
.meta-info .dropdown .menu-btn:hover {color:#316581;}
.meta-info .dropdown .menu-btn:active, .meta-info .dropdown .menu-btn.active {box-shadow:none;}
.meta-info .dropdown .menu-options {top:25px;}
/*\ activity */

/* comments */
.comments-thread-container {max-width:600px; margin:10px 0 0 60px;}
.comments-thread, .comments-thread ul {list-style:none; margin:0;}
.comments-thread ul {list-style:none; margin:0 0 0 20px;}

.comments-editor {padding:7px; background:#F6F6F6; position:relative;}
.no-comments .comments-editor {margin:10px 0 0 0;}
.comments-thread .comments-editor {margin:0 0 2px 20px;}
.comments-editor .avatar {float:left;}
.comments-editor .avatar img {width:35px; height:35px;}
.comments-editor-content {margin:0 0 0 43px;}
.comments-editor-content .buttons {text-align:right; margin:7px 0 0 0;}
.comments-editor-content .buttons .btn {margin:0 0 0 5px;}
.comments-editor-content .buttons .btn.comment-cancel {display: none;}

.show-all-comments {margin:-7px 0 1px 0; font-size:11px; display:block; border-bottom:1px solid #E6E6E6;  padding:7px 0 0 0; background:url(../images/show-all-bkg.png) no-repeat 25px top;}
.show-all-comments span {padding:4px 7px; display:block; text-shadow:#fff 1px 1px 1px; background:#f6f6f6;}

.comment {background:#f6f6f6; margin-bottom:1px; font-size:11px; padding:7px; border-bottom:1px solid #E6E6E6;}
.comment.new {background:#f9f9dd;}
.comment .avatar {float:left;}
.comment .avatar img {width:35px; height:35px;}
.comment .author {font-size:11px;}
.comment-container {margin:0 0 0 43px; position:relative;}
.comment-content {padding:0 18px 0 0; word-wrap:break-word;}
.comment-author {margin:0 0 3px 0; display:block;}

.comment:hover .comment-options {display:block;}
.comment-options {display:none; position:absolute; z-index:5; right:0; top:0; height:16px;}
.comment-options a {font-size:0; text-indent:-9999px; cursor:pointer; background-position:center center; background-repeat:no-repeat; padding:0; width:18px; height:18px; float:left;}
.comment-options .delete {background-image:url(../images/icon-delete.png);}

.comment .meta-info {margin:3px 0 0 0;}
.comment .meta-info .permlink {margin:0 15px 0 0;}
.comment .meta-info a {margin:0 10px 0 0; color:#4e7387;}
.comment .meta-info a:hover {color:#666;}

.comment .attachments {margin:3px 0 0 0;}
.comment .attachments .link-page-content {margin:0 0 0 90px;}

.comments-editor-field {border:5px solid #F3F3F3;}
.comments-editor-field a {display:block; border:1px solid #D9D9D9; color:#666; font-size:11px; cursor:text; padding:4px 6px; background:#fff;}
/*\ comments */

.like-list {display:inline; margin:0; color:#9D9D9D;}
.like-list.empty {display:none;}dia
.like-list a {margin:0;}

.new-activities-count {color:#7c7b7b; text-shadow:#fff 1px 1px 1px; border:1px solid #d9d9d9; margin:10px 0 5px 0; padding:3px 10px; background:#F3F3F3; display:block; cursor:pointer;}
.new-activities-count:hover {background:#eaeaea;}
.new-activities-count:active {box-shadow:inset 0 0 5px #cdcdcd; border:1px solid #bbb;}

.show-more-container {position:relative; border:1px solid #d9d9d9; margin:10px 0 0 0; background:#F3F3F3; }
.show-more {display:block; padding:5px 15px;}
/*\ --- activity feed --- */



.client-form .google-button {background:url(../images/google-connect_300.png) no-repeat; width: 330px; height: 75px; display: block; }

.dataTable tbody .shown .details-control:before {
    content: "\f056";
    color: #a90329;
}
.dataTable tbody .details-control:before {
    font-family: FontAwesome;
    content: "\f055";icons
    font-size: 1.4em;
    color: #739e73;
}


/* autocomplete */
.ac-results {border:1px solid #C2C2C2; background:#fff; margin:-1px 0 0 0; padding:0 1px; z-index:55;}
.ac-results ul {list-style:none; margin:0;}
.ac-results ul li {border-bottom:1px solid #F5F5F5; cursor:pointer; display:block; width:100%;}
.ac-results ul li.ac-over {background:#e1e1e1;}
.ac-results ul li.selection {background:#e1e1e1;}
.ac-results ul li img {float:left; margin:2px 5px;}
.ac-results ul li span {float:left; margin:2px 0 0 0;}
.ac-results ul li span strong {background:#E1E1E1;}
.ac-results ul li.hover span strong {background:#fff;}
/*\ autocomplete */

/* pagination */
.pager .next-prev {font-size:10px; font-weight:bold; padding:2px 4px 1px; text-indent:-9999px;}
.pager .next-prev.prev {background: url("../images/arrow-left.png") no-repeat scroll left center transparent; padding-left:15px;}
.pager .next-prev.next {background: url("../images/arrow-right.png") no-repeat scroll right center transparent; padding-right:15px;}
.pagination-title {float: left; margin: 25px 15px 10px 40px;}
/*\ pager */

/* system message */
.message-container {position:fixed; width:740px; margin:0 0 0 -370px; top:0; left:50%; display:none; z-index:1300; font-size:11px; font-weight:bold;}
.message-container .cc-message-container {padding:1em 2em; text-align:center; min-height:2em;}
.message-container .message-container-close {position:absolute; top:5px; right:15px; cursor:pointer; border:1px solid #D9D9D9; background:url("../images/icon-delete.png") no-repeat center center #F3F3F3; width:16px; height:16px; display:inline-block;}
.message-container .message-container-close:hover {background-color:#eaeaea;}
.message-container .message-container-close:active {box-shadow:inset 0 0 5px #cdcdcd;}

.message-container span {padding:0 0 0 20px; background: url("../images/icon-information.png") no-repeat left top; line-height:16px; display:inline-block;}

.message-container .c1-message-container {background:url(../images/message-container-border.png) repeat-y left; padding:0 0 0 10px;}
.message-container .c2-message-container {background:url(../images/message-container-border.png) repeat-y right; padding:0 10px 0 0;}
.message-container .cc-message-container {background:url(../images/message-container-bkg.png) repeat-x bottom #fdfdfd;}
.message-container .cf-message-container {background:url(../images/message-container-footer-bkg.png) repeat-x top; margin:0 14px; height:14px; line-height:0; font-size:0; position:relative;}
.message-container .cf-message-container .cf-l {position:absolute; left:-15px; top:0; width:15px; height:15px; line-height:0; font-size:0; background:url(../images/message-container-footer-border.png) no-repeat left top;}
.message-container .cf-message-container .cf-r {position:absolute; right:-15px; top:0; width:15px; height:15px; line-height:0; font-size:0; background:url(../images/message-container-footer-border.png) no-repeat right top;}

.message-container.success span {background: url("../images/icon-success.png") no-repeat left top;}
.message-container.error span {background: url("../images/icon-error.png") no-repeat left top;}
.message-container.required span {background: url("../images/icon-error.png") no-repeat left top;}

.error, .error-period {color:Red;}
.error ul {list-style:none; margin:5px 0;}
.invitation-error {color:Red;}
.validator-error {color:Red;}
.hint {font-size:10px; color:#9D9D9D;}
.password-hints {margin:0 0 0 240px; display:block; clear:both; position:relative; top:-5px;}


.system-message {border:1px solid #ffeb8b; padding:10px 15px 10px 55px; margin:0 0 15px; background:url(../images/system-message.gif) no-repeat left top #fffccb; color:#444; border-radius:3px; min-height:35px;}
.system-message strong {display:block; color:#592600; font-size:14px; margin:0 0 5px 0;}

.system-message.success {border-color:#8de18b; background-image:url(../images/system-message-success.gif); background-color:#d6f8d5;}
.system-message.success strong {color:#1E821C;}

.system-message.error {border-color:#f28a8a; background-image:url(../images/system-message-error.gif); background-color:#ffcfcf;}
.system-message.error strong {color:#C00000;}


.noposts { background:#f8f8f8; padding: 5px; border:1px solid #ccc;}
.noposts h3 {color:#555; font-size: 13px; font-weight: bold; margin: 0; padding: 0 0 3px; text-shadow: 1px 1px 0 #fff;}
.noposts p {font-size:11px; color:#888;}
/*\ system message */

/* dialog */
.overlay {position:fixed; width:100%; height:100%; background:#fff; display:none; left:0; top:0; opacity:0; z-index:9999;}
.dialog-container {position:fixed !important; width:350px; min-height:80px; left:50%; top:150px; margin:0 0 0 -175px; border:1px solid #999; box-shadow:0px 0px 10px #777; background:#fff; border-radius:3px; z-index:10000;}
.dialog-container.popup {width:450px; margin-left:-225px;}
.dialog-title {padding:7px 13px; margin:-10px -13px 15px; background:#ccc; border-bottom:1px solid #999; text-shadow:0 1px 0 #fff;}
.dialog-content {padding:10px 13px; max-height:250px; overflow:auto;}

.dialog-content.error {padding-left:80px;  background:url("../images/dialogs/error.png") no-repeat 15px 10px; min-height:40px;}
.dialog-content.success {padding-left:80px; background:url("../images/dialogs/success.png") no-repeat 15px 10px; min-height:40px;}
.dialog-content.information {padding-left:80px; background:url("../images/dialogs/information.png") no-repeat 15px 10px; min-height:40px;}
.dialog-content.question {padding-left:80px; background:url("../images/dialogs/question.png") no-repeat 10px 15px; min-height:40px;}
.dialog-container .btn-container {margin:10px; text-align:center;}
.dialog-container .btn-container .btn {margin:0 5px;}
.dialog-container .btn-container.right {margin-right:0;}
.dialog-container .btn-container.right .btn {margin:0 0 0 10px;}
/*\ dialog */

/* loading */
.loading-container {position:absolute; top:0; left:-9999px; background:url(../images/transparent-bkg.png) repeat; width:100%; height:100%; z-index:30;}
.loading-container .loading-indicatior {width:100%; height:100%; background:url(../images/loading.gif) no-repeat center 30%;}

.list-items-container {position:relative;}
.list-items-container .loading-container .loading-indicatior {background:url(../images/loading.gif) no-repeat center 100px;}

#activity-feed-list-container .loading-container .loading-indicatior {background:url(../images/loading.gif) no-repeat center 50px;}
#activity-feed-list-container .show-more-container .loading-container .loading-indicatior {background:url(../images/loading.gif) no-repeat center 50%;}
/*\ loading */


/*
		 * PROGRESS BARS
		 */
.widget-toolbar .progress {
  width: 130px;
  margin: 7px 0 0 0;
  height: 18px !important;
  font-size: 12px;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0), 0 0 0 1px #d1d1d1 inset;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0), 0 0 0 1px #d1d1d1 inset;
  -moz-box-shadow: 0 1px 0 transparent, 0 0 0 1px #d1d1d1 inset;
}
.widget-toolbar .progress-bar {
  font-size: 12px;
}
/*
		 * PAGINATION
		 */
.widget-toolbar .pagination {
  margin: 4px 0;
}
.widget-toolbar .pagination > li > a {
  padding: 2px 7px;
}

/*
 * PROGRESS BARS
 */
.progress-micro {
  height: 3px !important;
  line-height: 3px !important;
}
.progress-xs {
  height: 7px !important;
  line-height: 7px !important;
}
.progress-sm {
  height: 14px !important;
  line-height: 14px !important;
}
.progress-lg {
  height: 30px !important;
  line-height: 30px !important;
}
.progress .progress-bar {
  position: absolute;
  overflow: hidden;
  line-height: 20px;
}
.progress .progressbar-back-text {
  position: absolute;
  width: 100%;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
}
.progress .progressbar-front-text {
  display: block;
  width: 100%;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
}
.progress.right .progress-bar {
  right: 0;
}
.progress.right .progressbar-front-text {
  position: absolute;
  right: 0;
}
.progress.vertical {
  width: 25px;
  height: 100%;
  min-height: 150px;
  margin-right: 20px;
  display: inline-block;
  margin-bottom: 0px;
}
.progress.wide-bar {
  width: 40px;
}
.progress.vertical.bottom {
  position: relative;
}
.progress.vertical.bottom .progressbar-front-text {
  position: absolute;
  bottom: 0;
}
.progress.vertical .progress-bar {
  width: 100%;
  height: 0;
  -webkit-transition: height 0.6s ease;
  transition: height 0.6s ease;
}
.progress.vertical.bottom .progress-bar {
  position: absolute;
  bottom: 0;
}
.progress {
  position: relative;
  margin-bottom: 20px;
  overflow: hidden;
  height: 22px;
  background: #eeeeee;
  box-shadow: 0 1px 0 transparent, 0 0 0 1px #e3e3e3 inset;
  -webkit-box-shadow: 0 1px 0 transparent, 0 0 0 1px #e3e3e3 inset;
  -moz-box-shadow: 0 1px 0 transparent, 0 0 0 1px #e3e3e3 inset;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
}
.progress-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 11px;
  color: #ffffff;
  text-align: center;
  background-color: #57889c;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  font-weight: bold;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-image: url('../images/pattern/overlay-pattern.png');
}
.progress-striped .progress-bar {
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.progress.active .progress-bar {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -moz-animation: progress-bar-stripes 2s linear infinite;
  -ms-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar-danger {
  background-color: #a90329;
}
.progress-striped .progress-bar-danger {
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-success {
  background-color: #739e73;
}
.progress-striped .progress-bar-success {
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-warning {
  background-color: #c79121;
}
.progress-striped .progress-bar-warning {
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-info {
  background-color: #57889c;
}
.progress-striped .progress-bar-info {
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-info .bar,
.progress .bar-info {
  background: #57889c;
}
.vertical-bars {
  padding: 0;
  margin: 0;
}
.vertical-bars:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.vertical-bars li {
  padding: 14px 0;
  width: 25%;
  display: block;
  float: left;
  text-align: center;
}
.vertical-bars li:first-child {
  border-left: none;
}
.vertical-bars > li > .progress.vertical:first-child {
  margin-left: auto;
}
.vertical-bars > li > .progress.vertical {
  margin: 0 auto;
  float: none;
}
/*
 * BAR HOLDER
 */
.bar-holder:first-child {
  border-top: none;
}
.bar-holder {
  padding: 18px 15px;
}
.bar-holder .progress {
  margin: 0;
}
/* progress bar colors */
[data-progressbar-value] {
  margin-top: 15px !important;
  overflow: visible;
  margin-bottom: 0px;
}
.dataTable [data-progressbar-value] {
  min-width: 70px;
}
[data-progressbar-value="100"]:before,
[data-progressbar-value="100"]:after,
[data-progressbar-value]:before,
[data-progressbar-value]:after {
  position: absolute;
  background: none;
  font-size: 11px;
  top: -12px;
}
[data-progressbar-value]:before {
  content: attr(data-progressbar-value);
  left: attr(data-progressbar-value) px;
}
[data-progressbar-value]:after {
  content: "%";
  left: 13px;
}
[data-progressbar-value="1"] > .progress-bar {
  width: 1%;
  background: #a90329;
}
[data-progressbar-value="2"] > .progress-bar {
  width: 2%;
  background: #a90329;
}
[data-progressbar-value="3"] > .progress-bar {
  width: 3%;
  background: #a90329;
}
[data-progressbar-value="4"] > .progress-bar {
  width: 4%;
  background: #a90329;
}
[data-progressbar-value="5"] > .progress-bar {
  width: 5%;
  background: #a90329;
}
[data-progressbar-value="6"] > .progress-bar {
  width: 6%;
  background: #a90329;
}
[data-progressbar-value="7"] > .progress-bar {
  width: 7%;
  background: #a90329;
}
[data-progressbar-value="8"] > .progress-bar {
  width: 8%;
  background: #a90329;
}
[data-progressbar-value="9"] > .progress-bar {
  width: 9%;
  background: #a90329;
}
[data-progressbar-value="10"] > .progress-bar {
  width: 10%;
  background: #db0435;
}
[data-progressbar-value="11"] > .progress-bar {
  width: 11%;
  background: #c79121;
}
[data-progressbar-value="12"] > .progress-bar {
  width: 12%;
  background: #c79121;
}
[data-progressbar-value="13"] > .progress-bar {
  width: 13%;
  background: #c79121;
}
[data-progressbar-value="14"] > .progress-bar {
  width: 14%;
  background: #c79121;
}
[data-progressbar-value="15"] > .progress-bar {
  width: 15%;
  background: #c79121;
}
[data-progressbar-value="16"] > .progress-bar {
  width: 16%;
  background: #c79121;
}
[data-progressbar-value="17"] > .progress-bar {
  width: 17%;
  background: #c79121;
}
[data-progressbar-value="18"] > .progress-bar {
  width: 18%;
  background: #c79121;
}
[data-progressbar-value="19"] > .progress-bar {
  width: 19%;
  background: #c79121;
}
[data-progressbar-value="20"] > .progress-bar {
  width: 20%;
  background: #c79121;
}
[data-progressbar-value="21"] > .progress-bar {
  width: 21%;
  background: #c79121;
}
[data-progressbar-value="22"] > .progress-bar {
  width: 22%;
  background: #c79121;
}
[data-progressbar-value="23"] > .progress-bar {
  width: 23%;
  background: #c79121;
}
[data-progressbar-value="24"] > .progress-bar {
  width: 24%;
  background: #c79121;
}
[data-progressbar-value="25"] > .progress-bar {
  width: 25%;
  background: #c79121;
}
[data-progressbar-value="26"] > .progress-bar {
  width: 26%;
  background: #c79121;
}
[data-progressbar-value="27"] > .progress-bar {
  width: 27%;
  background: #c79121;
}
[data-progressbar-value="28"] > .progress-bar {
  width: 28%;
  background: #c79121;
}
[data-progressbar-value="29"] > .progress-bar {
  width: 29%;
  background: #c79121;
}
[data-progressbar-value="30"] > .progress-bar {
  width: 30%;
  background: #c79121;
}
[data-progressbar-value="31"] > .progress-bar {
  width: 31%;
  background: #c79121;
}
[data-progressbar-value="32"] > .progress-bar {
  width: 32%;
  background: #c79121;
}
[data-progressbar-value="33"] > .progress-bar {
  width: 33%;
  background: #c79121;
}
[data-progressbar-value="34"] > .progress-bar {
  width: 34%;
  background: #c79121;
}
[data-progressbar-value="35"] > .progress-bar {
  width: 35%;
  background: #c79121;
}
[data-progressbar-value="36"] > .progress-bar {
  width: 36%;
  background: #c79121;
}
[data-progressbar-value="37"] > .progress-bar {
  width: 37%;
  background: #c79121;
}
[data-progressbar-value="38"] > .progress-bar {
  width: 38%;
  background: #c79121;
}
[data-progressbar-value="39"] > .progress-bar {
  width: 39%;
  background: #c79121;
}
[data-progressbar-value="40"] > .progress-bar {
  width: 40%;
  background: #c79121;
}
[data-progressbar-value="41"] > .progress-bar {
  width: 41%;
  background: #404040;
}
[data-progressbar-value="42"] > .progress-bar {
  width: 42%;
  background: #404040;
}
[data-progressbar-value="43"] > .progress-bar {
  width: 43%;
  background: #404040;
}
[data-progressbar-value="44"] > .progress-bar {
  width: 44%;
  background: #404040;
}
[data-progressbar-value="45"] > .progress-bar {
  width: 45%;
  background: #404040;
}
[data-progressbar-value="46"] > .progress-bar {
  width: 46%;
  background: #404040;
}
[data-progressbar-value="47"] > .progress-bar {
  width: 47%;
  background: #404040;
}
[data-progressbar-value="48"] > .progress-bar {
  width: 48%;
  background: #404040;
}
[data-progressbar-value="49"] > .progress-bar {
  width: 49%;
  background: #404040;
}
[data-progressbar-value="50"] > .progress-bar {
  width: 50%;
  background: #404040;
}
[data-progressbar-value="51"] > .progress-bar {
  width: 51%;
  background: #404040;
}
[data-progressbar-value="52"] > .progress-bar {
  width: 52%;
  background: #404040;
}
[data-progressbar-value="53"] > .progress-bar {
  width: 53%;
  background: #404040;
}
[data-progressbar-value="54"] > .progress-bar {
  width: 54%;
  background: #404040;
}
[data-progressbar-value="55"] > .progress-bar {
  width: 55%;
  background: #404040;
}
[data-progressbar-value="56"] > .progress-bar {
  width: 56%;
  background: #404040;
}
[data-progressbar-value="57"] > .progress-bar {
  width: 57%;
  background: #404040;
}
[data-progressbar-value="58"] > .progress-bar {
  width: 58%;
  background: #404040;
}
[data-progressbar-value="59"] > .progress-bar {
  width: 59%;
  background: #404040;
}
[data-progressbar-value="60"] > .progress-bar {
  width: 60%;
  background: #404040;
}
[data-progressbar-value="61"] > .progress-bar {
  width: 61%;
  background: #3276b1;
}
[data-progressbar-value="62"] > .progress-bar {
  width: 62%;
  background: #3276b1;
}
[data-progressbar-value="63"] > .progress-bar {
  width: 63%;
  background: #3276b1;
}
[data-progressbar-value="64"] > .progress-bar {
  width: 64%;
  background: #404040;
}
[data-progressbar-value="65"] > .progress-bar {
  width: 65%;
  background: #3276b1;
}
[data-progressbar-value="66"] > .progress-bar {
  width: 66%;
  background: #3276b1;
}
[data-progressbar-value="67"] > .progress-bar {
  width: 67%;
  background: #3276b1;
}
[data-progressbar-value="68"] > .progress-bar {
  width: 68%;
  background: #3276b1;
}
[data-progressbar-value="69"] > .progress-bar {
  width: 69%;
  background: #3276b1;
}
[data-progressbar-value="70"] > .progress-bar {
  width: 70%;
  background: #3276b1;
}
[data-progressbar-value="71"] > .progress-bar {
  width: 71%;
  background: #3276b1;
}
[data-progressbar-value="72"] > .progress-bar {
  width: 72%;
  background: #3276b1;
}
[data-progressbar-value="73"] > .progress-bar {
  width: 73%;
  background: #3276b1;
}
[data-progressbar-value="74"] > .progress-bar {
  width: 74%;
  background: #3276b1;
}
[data-progressbar-value="75"] > .progress-bar {
  width: 75%;
  background: #3276b1;
}
[data-progressbar-value="76"] > .progress-bar {
  width: 76%;
  background: #3276b1;
}
[data-progressbar-value="77"] > .progress-bar {
  width: 77%;
  background: #3276b1;
}
[data-progressbar-value="78"] > .progress-bar {
  width: 78%;
  background: #3276b1;
}
[data-progressbar-value="79"] > .progress-bar {
  width: 79%;
  background: #3276b1;
}
[data-progressbar-value="80"] > .progress-bar {
  width: 80%;
  background: #3276b1;
}
[data-progressbar-value="81"] > .progress-bar {
  width: 81%;
  background: #a0bda0;
}
[data-progressbar-value="82"] > .progress-bar {
  width: 82%;
  background: #a0bda0;
}
[data-progressbar-value="83"] > .progress-bar {
  width: 83%;
  background: #a0bda0;
}
[data-progressbar-value="84"] > .progress-bar {
  width: 84%;
  background: #9dbb9d;
}
[data-progressbar-value="85"] > .progress-bar {
  width: 85%;
  background: #9dbb9d;
}
[data-progressbar-value="86"] > .progress-bar {
  width: 86%;
  background: #9dbb9d;
}
[data-progressbar-value="87"] > .progress-bar {
  width: 87%;
  background: #97b797;
}
[data-progressbar-value="88"] > .progress-bar {
  width: 88%;
  background: #97b797;
}
[data-progressbar-value="89"] > .progress-bar {
  width: 89%;
  background: #91b391;
}
[data-progressbar-value="90"] > .progress-bar {
  width: 90%;
  background: #91b391;
}
[data-progressbar-value="91"] > .progress-bar {
  width: 91%;
  background: #91b391;
}
[data-progressbar-value="92"] > .progress-bar {
  width: 92%;
  background: #8eb18e;
}
[data-progressbar-value="93"] > .progress-bar {
  width: 93%;
  background: #8baf8b;
}
[data-progressbar-value="94"] > .progress-bar {
  width: 94%;
  background: #88ad88;
}
[data-progressbar-value="95"] > .progress-bar {
  width: 95%;
  background: #85ab85;
}
[data-progressbar-value="96"] > .progress-bar {
  width: 96%;
  background: #82a882;
}
[data-progressbar-value="97"] > .progress-bar {
  width: 97%;
  background: #7fa67f;
}
[data-progressbar-value="98"] > .progress-bar {
  width: 98%;
  background: #7ca47c;
}
[data-progressbar-value="99"] > .progress-bar {
  width: 99%;
  background: #79a279;
}
[data-progressbar-value="100"] > .progress-bar {
  width: 100%;
  background: #739e73;
  -webkit-animation: none;
  -moz-animation: none;
  -ms-animation: none;
  -o-animation: none;
  animation: none;
  background-image: none !important;
}
[data-progressbar-value="100"]:before {
  content: attr(data-progressbar-value);
  top: -12px;
  left: attr(data-progressbar-value) px;
}
[data-progressbar-value="100"]:after {
  content: "complete";
  left: auto;
  right: 0px;
  color: #739e73;
}
/* This issue relates to container + toggle menu with a result of overflow. */
html.hidden-menu-mobile-lock {
  overflow-x: hidden;
}
/*
 * No Padding
 */
.no-content-padding {
  margin: -10px -14px 0 -14px;
  /*used with content >:first-child */
}
.no-padding {
  padding: 0px !important;
}
.no-padding > pre {
  margin: 30px;
}
.no-padding  > table,
.no-padding .dataTables_wrapper table {
  border: none !important;
  margin-bottom: 0px !important;
  border-bottom-width: 0px !important;
}
.no-padding-bottom {
  padding-bottom: 0px !important;
}
.padding-5 {
  padding: 5px !important;
}
.padding-7 {
  padding: 7px !important;
}
.padding-10 {
  padding: 10px !important;
}
.padding-gutter {
  padding: 13px !important;
}
.padding-top-10 {
  padding-top: 10px !important;
}
.padding-top-15 {
  padding-top: 15px !important;
}
.padding-bottom-10 {
  padding-bottom: 10px !important;
}
.padding-bottom-0 {
  padding-bottom: 0px !important;
}
.padding-top-0 {
  padding-top: 0px !important;
}
.no-padding  > table tr td:last-child,
.no-padding  > table tr th:last-child,
.no-padding .dataTables_wrapper table tr td:last-child,
.no-padding .dataTables_wrapper table tr th:last-child {
  border-right: none !important;
}
.no-padding  > table tr td:first-child,
.no-padding  > table tr th:first-child,
.no-padding .dataTables_wrapper table tr td:first-child,
.no-padding .dataTables_wrapper table tr th:first-child {
  border-left: none !important;
}
.no-padding .dataTables_wrapper table tbody tr:last-child td {
  border-bottom: 0;
}
/*
 * Font Weights
 */
.semi-bold {
  font-weight: 400 !important;
}
.ultra-light {
  font-weight: 300 !important;
}
/*
 * Font Sizes
 */
.font-xs {
  font-size: 85% !important;
}
.font-sm {
  font-size: 95% !important;
}
.font-md {
  font-size: 130% !important;
}
.font-lg {
  font-size: 160% !important;
}
.font-xl {
  font-size: 200% !important;
}
.font-400 {
  font-size: 400% !important;
}
/*
 * Margins
 */
.no-margin {
  margin: 0px !important;
}
.margin-top-5 {
  margin-top: 5px !important;
}
.margin-top-10 {
  margin-top: 10px !important;
}
.margin-bottom-5 {
  margin-bottom: 5px !important;
}
.margin-bottom-10 {
  margin-bottom: 10px !important;
}
.margin-right-5 {
  margin-right: 5px !important;
}
.margin-top-0 {
  margin-top: 0px !important;
}
.margin-bottom-0 {
  margin-bottom: 0px !important;
}
/*
 * No border
 */
.no-border,
.well[class*=" bg-"].no-border {
  border-width: 0px !important;
}
.no-border-transparent {
  border-color: transparent !important;
}
.no-border-radius {
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
}
/*
 * Inlines
 */
.display-inline {
  display: inline-block !important;
}
.display-normal {
  display: inline !important;
}
/*
 * CURSORS
 */
.cursor-pointer {
  cursor: pointer;
}
/*
 * Images
 */
.hover-transparent {
  opacity: .5;
}
.hover-transparent:hover {
  opacity: 1;
}
/*
 * Forced text alignments
 */
.text-align-center,
.text-center {
  text-align: center !important;
}
.text-align-left,
.text-left {
  text-align: left !important;
}
.text-align-right,
.text-right {
  text-align: right !important;
}
/*
 * HR
 */
hr.simple {
  margin-top: 10px;
  margin-bottom: 10px;
  border-style: dashed;
}
/*
 * SHORT CUTS
 */
.pull-right {
  float: right !Important;
}
.pull-left {
  float: left !Important;
}
/*
 * Air fields
 * Description: absolute positioned objects
 */
.air {
  position: absolute;
  z-index: 5;
}
.air-bottom {
  bottom: 0px;
}
.air-top {
  top: 0px;
}
.air-top-right {
  top: 0px;
  right: 0px;
}
.air-top-left {
  top: 0px;
  left: 0px;
}
.air-bottom-left {
  bottom: 0px;
  left: 0px;
}
.air-bottom-right {
  bottom: 0px;
  right: 0px;
}
/*
 * Display none
 */
.display-none {
  display: none !important;
}
/*
 * Custom Radio and Input
 * SETUP
 */
.checkbox input[type="checkbox"].checkbox + span,
.checkbox-inline input[type="checkbox"].checkbox + span,
.radiobox-inline input[type="radio"].radiobox + span,
.radio input[type="radio"].radiobox + span {
  margin-left: -20px;
}
.form-inline .checkbox input[type="checkbox"].checkbox + span,
.form-inline .radiobox input[type="radio"].radiobox + span {
  margin-left: 0px;
}
.form-inline .checkbox,
.form-inline .radiobox {
  padding-left: 0px;
}
label input[type="radio"].radiobox + span,
input[type="checkbox"].checkbox + span {
  vertical-align: middle;
  line-height: 20px;
}
input[type="checkbox"].checkbox + span,
input[type="checkbox"].checkbox + span:after,
input[type="checkbox"].checkbox + span:before,
input[type="radio"].radiobox + span,
input[type="radio"].radiobox + span:after,
input[type="radio"].radiobox + span:before {
  box-sizing: content-box !important;
  -webkit-box-sizing: content-box !important;
  -moz-box-sizing: content-box !important;
}
input[type="checkbox"].checkbox,
input[type="radio"].radiobox {
  visibility: hidden;
  position: absolute;
  z-index: 20;
  width: 18px;
  height: 18px;
}
label input[type="checkbox"].checkbox + span,
label input[type="radio"].radiobox + span {
  position: relative;
  z-index: 19;
  display: inline-block;
  margin: 0;
  line-height: 17px;
  min-height: 14px;
  min-width: 14px;
  margin-right: 5px;
}
label input[type="checkbox"].checkbox + span:hover,
label input[type="radio"].radiobox + span:hover {
  cursor: pointer;
}
label input[type="radio"].radiobox + span:before,
label input[type="checkbox"].checkbox + span:before {
  font-family: 'FontAwesome';
  font-size: 12px;
  border-radius: 0;
  content: "\a0";
  /* we use '\a0'; to simulate a non-breaking-space (http://milov.nl/7029) */
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  padding: 1px;
  height: 12px;
  line-height: 12px;
  min-width: 12px;
  margin-right: 5px;
  border: 1px solid #bfbfbf;
  background-color: #f4f4f4;
  font-weight: normal;
  margin-top: -1px;
}
/*
 * RADIO
 */
label input[type="radio"].radiobox + span:before {
  content: "\a0";
  /* we use '\a0'; to simulate a non-breaking-space (http://milov.nl/7029) */
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, 0.1), 0px 1px 0px 0px rgba(255, 255, 255, 0.2);
}
label input[type="radio"].radiobox:checked + span {
  font-weight: bold;
}
/* DEFAULT COLOR */
label input[type="radio"].radiobox:checked + span:before {
  content: "\f111";
  /* circle */
  color: #2E7BCC;
}
/* ORANGE COLOR */
label input[type="radio"].radiobox.style-3:checked + span:before {
  color: #a90329;
  border-color: #a90329;
}
/* CHROME COLOR */
label input[type="radio"].radiobox.style-2:checked + span:before {
  color: #66665e;
  border-color: #4d90fe;
  font-size: 9px;
}
label input[type="radio"].radiobox.style-2:checked + span {
  font-weight: normal;
}
/* Style 1 Radio */
label input[type="radio"].radiobox.style-1 + span:before {
  font-size: 9px;
  background: #ffffff;
  text-shadow: none;
  box-shadow: none !important;
  border-width: 1px;
  height: 13px;
  line-height: 13px;
  min-width: 13px;
}
label input[type="radio"].radiobox.style-1:checked + span:before {
  font-size: 10px;
  color: #333333;
  border-color: #333333;
  background: #ffffff;
}
label input[type="radio"].radiobox.style-1:checked + span {
  font-weight: normal;
}
/*
 * RADIO:HOVER & ACTIVE STATES
 */
/* DEFAULT:HOVER radio content --> 2022 */
label:hover input[type="radio"].radiobox + span:before,
label:hover input[type="radio"].radiobox:checked + span:before {
  color: #2E7BCC;
  border-color: #2E7BCC;
}
/* ORANGE:HOVER */
label:hover input[type="radio"].radiobox.style-3 + span:before,
label:hover input[type="radio"].radiobox.style-3:checked + span:before {
  color: #a90329;
  border-color: #a90329;
}
/* CHROME:HOVER */
label:hover input[type="radio"].radiobox.style-2:checked + span:before {
  color: #66665e;
  border-color: #4d90fe;
}
/* METRO:HOVER */
label:hover input[type="radio"].radiobox.style-1:checked + span:before {
  color: #333333;
  border-color: #333333;
  background: #ffffff;
}
label:hover input[type="radio"].radiobox.style-1 + span:before {
  color: #333333;
  border-color: #333333;
  background: #ffffff;
}
/* DEFAULT:ACTIVE */
label:active input[type="radio"].radiobox + span:before {
  box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px 0px rgba(255, 255, 255, 0.4);
}
/*
 * RADIO:DISABLE STATES
 */
/* GLOBAL */
label input[type="radio"][disabled].radiobox + span,
label input[type="radio"][disabled].radiobox:checked + span,
label:hover input[type="radio"][disabled].radiobox:checked + span:before {
  color: #A7A7A7;
  cursor: not-allowed;
}
label input[type="radio"][disabled].radiobox:checked + span:before {
  content: "\f111";
}
label input[type="radio"][disabled].radiobox:checked + span:before,
label input[type="radio"][disabled].radiobox + span:before,
label:active input[type="radio"][disabled].radiobox:checked + span:before,
label:hover input[type="radio"][disabled].radiobox:checked + span:before {
  background: #eee !important;
  border-color: #CCC !important;
  box-shadow: none;
  color: #A7A7A7;
}
/*
 * CHECKBOX
 */
label input[type="checkbox"].checkbox + span:before {
  content: "\a0";
  /* we use '\a0'; to simulate a non-breaking-space (http://milov.nl/7029) */
}
label input[type="checkbox"].checkbox:checked + span:before {
  content: "\f00c";
}
label input[type="checkbox"].checkbox:checked + span {
  font-weight: bold;
}
/* DEFAULT COLOR */
label input[type="checkbox"].checkbox:checked + span:before {
  color: #2E7BCC;
}
/* RED COLOR */
label input[type="checkbox"].checkbox.style-3:checked + span:before {
  color: #ffffff;
  border-color: #a90329;
  background: #a90329;
}
/* CHROME */
label input[type="checkbox"].checkbox.style-2 + span:before {
  background: transparent;
  border-color: #c1c1c1;
  box-shadow: none;
}
label input[type="checkbox"].checkbox.style-2:checked + span:before {
  content: "\f00c";
  color: #66665e;
  border-color: #4d90fe;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUQ0MEM4RUFEQUE4MTFFMkEwMjM5NzlCRjAxM0UwRjciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUQ0MEM4RUJEQUE4MTFFMkEwMjM5NzlCRjAxM0UwRjciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxRDQwQzhFOERBQTgxMUUyQTAyMzk3OUJGMDEzRTBGNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxRDQwQzhFOURBQTgxMUUyQTAyMzk3OUJGMDEzRTBGNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsD/PVAAAAAQSURBVHjaYv7//78vQIABAAlYA05NMPppAAAAAElFTkSuQmCC) #ffffff;
  /*#fefeec*/
}
label input[type="checkbox"].checkbox.style-2:checked + span {
  font-weight: normal;
}
/* METRO COLOR */
label input[type="checkbox"].checkbox.style-1 + span:before {
  color: #333333;
  background: #ffffff;
  text-shadow: none;
  box-shadow: none !important;
  border-width: 1px;
  height: 12px;
  line-height: 13px;
  min-width: 12px;
}
label input[type="checkbox"].checkbox.style-1:checked + span:before {
  color: #333333;
  border-color: #333333;
}
label input[type="checkbox"].checkbox.style-1:checked + span {
  font-weight: normal;
}
/*
 * CHECKBOX:HOVER & ACTIVE STATES
 */
label:active input[type="checkbox"].checkbox + span:before {
  box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px 0px rgba(255, 255, 255, 0.4);
}
/* DEFAULT:HOVER */
label:hover input[type="checkbox"].checkbox + span:before {
  color: #2E7BCC;
  border-color: #2E7BCC;
}
/* RED:HOVER*/
label:hover input[type="checkbox"].checkbox.style-3 + span:before {
  color: #ffffff;
  border-color: #A90327;
}
/* CHROME:HOVER*/
label:hover input[type="checkbox"].checkbox.style-2 + span:before {
  box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, 0.1), 0px 1px 0px 0px rgba(255, 255, 255, 0.2);
}
label:hover input[type="checkbox"].checkbox.style-2:checked + span:before {
  box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px 0px rgba(255, 255, 255, 0.4);
}
/* METRO:HOVER*/
label:hover input[type="checkbox"].checkbox.style-1 + span:before {
  border-color: #333333;
}
/* DEFAULT:ACTIVE */
label:active input[type="checkbox"].checkbox:checked + span:before {
  color: #ffffff;
  background: #2E7BCC;
  border-color: #2E7BCC;
}
/* RED:ACTIVE */
label:active input[type="checkbox"].checkbox.style-3:checked + span:before {
  color: #a90329;
  background: #ffffff;
  border-color: #a90329;
}
/* CHROME:ACTIVE */
label:active input[type="checkbox"].checkbox.style-2:checked + span:before {
  color: #66665e;
  background: transparent;
  border-color: #c1c1c1;
  box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px 0px rgba(255, 255, 255, 0.4);
}
label:active input[type="checkbox"].checkbox.style-2 + span:before {
  color: #66665e;
  background: transparent;
  border-color: #c1c1c1;
  box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px 0px rgba(255, 255, 255, 0.4);
}
/* METRO:ACTIVE */
label:active input[type="checkbox"].checkbox.style-1:checked + span:before {
  color: #ffffff;
  background: #333333;
  border-color: #333333;
}
/*
 * CHECKBOX:DISABLE STATES
 */
/* GLOBAL */
label input[type="checkbox"][disabled].checkbox + span,
label input[type="checkbox"][disabled].checkbox:checked + span,
label:hover input[type="checkbox"][disabled].checkbox:checked + span:before {
  color: #A7A7A7;
  cursor: not-allowed;
}
label input[type="checkbox"][disabled].checkbox:checked + span:before {
  content: "\f00c";
  color: #A7A7A7;
}
label input[type="checkbox"][disabled].checkbox.style-2:checked + span:before {
  content: "\f00c";
}
label input[type="checkbox"][disabled].checkbox:checked + span:before,
label input[type="checkbox"][disabled].checkbox + span:before,
label:active input[type="checkbox"][disabled].checkbox:checked + span:before,
label:hover input[type="checkbox"][disabled].checkbox:checked + span:before {
  background: #eee !important;
  border-color: #CCC !important;
  box-shadow: none;
  color: #A7A7A7;
  box-shadow: none !important;
}
/*
 * ANIMATED
 */
/* Navigation icon first level 
.desktop-detected nav > ul > li > a:hover i {
	-webkit-animation-name: wobble;
	-moz-animation-name: wobble;
	-o-animation-name: wobble;
	animation-name: wobble;
}

.desktop-detected nav > ul > li > a:hover i {
	-webkit-animation-duration: .7s;
	-moz-animation-duration: .7s;
	-o-animation-duration: .7s;
	animation-duration: .7s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
}*/
/* All dropdowns */
.open > .dropdown-menu {
  -webkit-animation-name: flipInX;
  -moz-animation-name: flipInX;
  -o-animation-name: flipInX;
  animation-name: flipInX;
  -webkit-animation-duration: .4s;
  -moz-animation-duration: .4s;
  -o-animation-duration: .4s;
  animation-duration: .4s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
.active + .ajax-dropdown {
  -webkit-animation-name: flipInY;
  -moz-animation-name: flipInY;
  -o-animation-name: flipInY;
  animation-name: flipInY;
  -webkit-animation-duration: .7s;
  -moz-animation-duration: .7s;
  -o-animation-duration: .7s;
  animation-duration: .7s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
/*
	 * USED WITH DEMO
	 */
.square {
  display: block;
  float: left;
  margin-right: 10px;
  height: 20px;
  width: 20px;
}
.demo-btns {
    margin: 0;
    padding: 0;
    list-style: none;
}
.demo-btns>li {
    display: inline-block;
    margin-bottom: 7px;
}
/*
	 * RESET BOOTSTRAP DEFAULT IE FILTER
	 */
[class^="bg-"],
[class*=" bg-"] {
  filter: none !important;
}
/*
	 * TEXT COLOR
	 */
.txt-color-blue {
  color: #57889c !important;
}
.txt-color-blueLight {
  color: #92a2a8 !important;
}
.txt-color-blueDark {
  color: #4c4f53 !important;
}
.txt-color-green {
  color: #356e35 !important;
}
.txt-color-greenLight {
  color: #71843f !important;
}
.txt-color-greenDark {
  color: #496949 !important;
}
.txt-color-red {
  color: #a90329 !important;
}
.txt-color-yellow {
  color: #b09b5b !important;
}
.txt-color-orange {
  color: #b19a6b !important;
}
.txt-color-orangeDark {
  color: #a57225 !important;
}
.txt-color-pink {
  color: #ac5287 !important;
}
.txt-color-pinkDark {
  color: #a8829f !important;
}
.txt-color-purple {
  color: #6e587a !important;
}
.txt-color-darken {
  color: #404040 !important;
}
.txt-color-lighten {
  color: #d5e7ec !important;
}
.txt-color-white {
  color: #ffffff !important;
}
.txt-color-grayDark {
  color: #525252 !important;
}
.txt-color-magenta {
  color: #6e3671 !important;
}
.txt-color-teal {
  color: #568a89 !important;
}
.txt-color-redLight {
  color: #a65858 !important;
}
/*
	 * BACKGROUNDS
	 */
.bg-color-blue {
  background-color: #57889c !important;
}
.bg-color-blueLight {
  background-color: #92a2a8 !important;
}
.bg-color-blueDark {
  background-color: #4c4f53 !important;
}
.bg-color-green {
  background-color: #356e35 !important;
}
.bg-color-greenLight {
  background-color: #71843f !important;
}
.bg-color-greenDark {
  background-color: #496949 !important;
}
.bg-color-red {
  background-color: #a90329 !important;
}
.bg-color-yellow {
  background-color: #b09b5b !important;
}
.bg-color-orange {
  background-color: #c79121 !important;
}
.bg-color-orangeDark {
  background-color: #a57225 !important;
}
.bg-color-pink {
  background-color: #ac5287 !important;
}
.bg-color-pinkDark {
  background-color: #a8829f !important;
}
.bg-color-purple {
  background-color: #6e587a !important;
}
.bg-color-darken {
  background-color: #404040 !important;
}
.bg-color-lighten {
  background-color: #d5e7ec !important;
}
.bg-color-white {
  background-color: #ffffff !important;
}
.bg-color-grayDark {
  background-color: #525252 !important;
}
.bg-color-magenta {
  background-color: #6e3671 !important;
}
.bg-color-teal {
  background-color: #568a89 !important;
}
.bg-color-redLight {
  background-color: #a65858 !important;
}
/*
 * SmartAdmin Colorblind CSS
 * Description: This is an experimental CSS based on 
 * several design factors and pointers derived from
 * http://blog.templatemonster.com/2012/03/21/designing-colorblind-friendly-website/
 * 
 * While this may not be 100% accurate, but makes
 * SmartAdmin's components much more accessable
 * for the colorblind
 */
.colorblind-friendly .alert,
.colorblind-friendly .btn-primary {
  color: #FFFFFF;
}
.colorblind-friendly .btn:hover {
  background: #fff;
  color: #333;
  border-color: #333;
}
.colorblind-friendly .alert-danger,
.colorblind-friendly .btn-danger {
  background-image: url('../img/colorblind-friendly/pt1.png');
  border-color: #272727;
  background-color: #303030;
}
.colorblind-friendly .alert-success,
.colorblind-friendly .btn-success {
  background-image: url('../img/colorblind-friendly/pt2.png');
  border-color: #FF00EB;
  background-color: #1E5E00;
}
.colorblind-friendly .alert-warning,
.colorblind-friendly .btn-warning {
  background-image: url('../img/colorblind-friendly/pt3.png');
  border-color: #5F4415;
  background-color: #A07A00;
}
.colorblind-friendly .alert-info,
.colorblind-friendly .btn-info {
  border-color: #FF9900;
  background-color: #002E70;
}
/*
 * WIDGETs
 */
.colorblind-friendly .jarviswidget-ctrls .button-icon:hover {
  background-color: #333;
  color: #fff !important;
}
.colorblind-friendly .jarviswidget-color-blueDark .jarviswidget-ctrls .button-icon:hover,
.colorblind-friendly .jarviswidget-color-darken .jarviswidget-ctrls .button-icon:hover,
.colorblind-friendly .jarviswidget-color-blue .jarviswidget-ctrls .button-icon:hover {
  background-color: #fff;
  color: #333 !important;
}
.colorblind-friendly .jarviswidget {
  position: relative;
}
.colorblind-friendly .jarviswidget:hover:before {
  position: absolute;
  top: -3px;
  left: -5px;
  right: -5px;
  bottom: 0;
  border: 6px solid #333;
  visibility: visible;
  overflow: visible;
  height: 103%;
  z-index: 0;
  border-bottom-width: 10px;
}
/*
 * TABS
 */
.colorblind-friendly .nav > li:not(.active) > a:focus,
.colorblind-friendly .nav > li:not(.active) > a:hover {
  background-color: #303030;
  color: #fff !important;
}

.fixed-page-footer .page-footer {
  position: fixed;
  z-index: 901;
}
.minified .page-footer {
  padding-left: 58px;
}
.container.fixed-page-footer .page-footer {
  max-width: 1164px;
}
.hidden-menu .page-footer {
  padding-left: 20px;
}
/*
 * GENERAL MOBILE (Applies to all resolutions below 979px)
 */
@media (max-width: 979px) {
  /* mobile lock x-scroll for menu */
  html.hidden-menu-mobile-lock {
    overflow-x: hidden;
  }
  /* Force content to spread 100% */
  #main {
    width: 100% !important;
  }
  /* Footer */
  .page-footer {
    padding: 15px 14px 0;
  }
  /* Profile Page */
  .profile-pic > img {
    width: 110px;
  }
  /* Profile Page */
  .profile-pic {
    float: left;
  }
  .profile-pic > img {
    margin-right: 10px;
  }
  .profile-pic + div,
  .profile-pic + div + div {
    padding-left: 30px;
    padding-right: 30px;
  }
  /* added new class per version 1.3 
	html, body {
		overflow-x: hidden !important;
	}*/
  #fullscreen > :first-child > a {
    display: none !important;
  }
  body.container {
    border: none !important;
    width: 100% !important;
  }
  .inbox-data-message > :first-child {
    height: 50px;
    overflow: hidden;
  }
  .show-stats .show-stat-buttons > :first-child {
    padding-right: 13px;
  }
  .show-stats .show-stat-buttons > :last-child {
    padding-left: 13px;
  }
  .inbox-checkbox-triggered > .btn-group .btn {
    padding-left: 10px;
    padding-right: 10px;
  }
  .inbox-body .table-wrap {
    padding: 0px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .inbox-nav-bar {
    padding-left: 5px;
    padding-right: 5px;
  }
  .inbox-data-message > :first-child > :first-child {
    display: block !important;
    font-size: 14px;
  }
  .inbox-table-icon > :first-child {
    margin-top: 12px;
  }
  #inbox-table .inbox-table-icon {
    padding-left: 10px !important;
  }
  /* search header */
  .header-search.pull-right {
    margin-left: 0px;
  }
  /* Visibility */
  .visible-tablet {
    display: inline-block !important;
  }
  .hidden-tablet,
  .display-inline.hidden-tablet {
    display: none !important;
  }
  .jarviswidget header h2 {
    width: 310px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  /* dropzone image fix */
  .dropzone .dz-default.dz-message {
    background-size: 100%;
    width: 200px;
    height: 43px;
    margin-left: -112px;
    margin-top: -23.5px;
  }
}
/* MOBILE LAYOUT STARTS HERE */
/*
 * IPAD HORIZONTAL
 */
@media (min-width: 768px) and (max-width: 979px) {
  #main::after {
    /*content: "IPAD HORIZONTAL";*/
  }
  #main {
    margin-left: 0;
  }
  #left-panel {
    left: -220px;
  }
  /* minified adjustment counter */
  .minified #left-panel {
    left: 0px;
  }
  /* responsive menu button */
  #hide-menu > :first-child > a {
    margin-top: 9px;
    width: 40px;
  }
  .btn-header a {
    margin-top: 9px !important;
    width: 40px !important;
  }
  #hide-menu i {
    color: #6D6A69;
    font-size: 100%;
  }
  .hidden-menu #hide-menu i {
    color: #ffffff;
  }
  #hide-menu i::before {
    content: "\f0c9";
  }
  .hidden-menu #left-panel {
    left: 0;
  }
  .hidden-menu #main {
    position: relative;
    left: 210px;
  }
  .hidden-menu.fixed-ribbon #ribbon {
    left: 220px;
    width: 100%;
  }
  .fixed-ribbon #ribbon {
    left: 0px;
  }
  .jarviswidget header h2 {
    width: 200px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  /*
	 * Header search
	 */
  .header-search > input[type="text"] {
    margin-top: 9px;
  }
}
/*
 * IPAD VERTICAL
 */
@media (min-width: 768px) and (max-width: 880px) {
  #main::after {
    /*content: "IPAD VERTICAL";*/
  }
  #main {
    margin-left: 0;
    overflow-x: hidden;
  }
  #left-panel {
    left: -220px;
  }
  .no-content-padding {
    margin: 0 -14px !important;
  }
  .inbox-nav-bar.no-content-padding {
    margin-top: -10px !important;
  }
  /* minified adjustment counter */
  .minified #left-panel {
    left: 0px;
  }
  /* responsive menu button */
  #hide-menu > :first-child > a,
  .btn-header a {
    margin-top: 5px !important;
    width: 40px !important;
    height: 39px !important;
    line-height: 38px !important;
  }
  #logo {
    margin-top: 10px;
  }
  #logo img {
    width: 127px;
  }
  /* transparent header button */
  .btn-header.transparent a {
    border: none !important;
    background: none;
    margin-left: 0;
    width: 25px !important;
    box-shadow: none !important;
  }
  .btn-header.transparent a:hover {
    color: #a90329;
  }
  #hide-menu i {
    color: #6D6A69;
    font-size: 121%;
  }
  .hidden-menu #hide-menu i {
    color: #ffffff;
  }
  #hide-menu i::before {
    content: "\f0c9";
  }
  .hidden-menu #left-panel {
    left: 0px;
  }
  .hidden-menu #main {
    position: relative;
    left: 210px;
  }
  .hidden-menu.fixed-ribbon #ribbon {
    left: 220px;
    width: 100%;
  }
  .fixed-ribbon #ribbon {
    left: 0px;
  }
  .jarviswidget header h2 {
    width: 180px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  /*
	 * Header search
	 */
  .header-search > input[type="text"] {
    margin-top: 9px;
  }
}
/*
 * OTHER DEVICES
 */
@media (max-width: 767px) {
  /* Profile Page */
  .profile-pic > img {
    width: 100px;
  }
  #main::after {
    /*content: "OTHER DEVICES";*/
  }
  #main {
    margin-left: 0px;
    overflow-x: hidden;
  }
  #left-panel {
    left: -220px;
  }
  /* dashboard microcharts */
  .show-stat-microcharts > div {
    margin-top: 0px !important;
    border-right: none !important;
  }
  .show-stat-buttons {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  /* padding adjustment */
  #content,
  #ribbon {
    padding-left: 5px;
    padding-right: 5px;
  }
  #header {
    padding-right: 5px;
  }
  #logo {
    margin-left: 4px;
  }
  .no-content-padding {
    margin: 0 -5px !important;
  }
  .inbox-nav-bar.no-content-padding {
    margin-top: -10px !important;
  }
  /* minified adjustment counter */
  .minified #left-panel {
    left: 0px;
  }
  /* transparent header button */
  .btn-header.transparent a {
    border: none !important;
    background: none;
    margin-left: 0;
    width: 25px !important;
    box-shadow: none !important;
  }
  .btn-header.transparent a:hover {
    color: #a90329;
  }
  /* responsive menu button */
  #hide-menu > :first-child > a,
  .btn-header a {
    margin-top: 5px !important;
    width: 40px !important;
    height: 39px !important;
    line-height: 38px !important;
  }
  #hide-menu > :first-child > a {
    width: 50px !important;
  }
  #logo {
    margin-top: 10px;
  }
  #logo img {
    width: 127px;
  }
  #hide-menu i {
    color: #6D6A69;
    font-size: 121%;
  }
  .hidden-menu #hide-menu i {
    color: #ffffff;
  }
  #hide-menu i::before {
    content: "\f0c9";
  }
  .hidden-menu #left-panel {
    left: 0px;
  }
  .hidden-menu #main {
    position: relative;
    left: 210px;
  }
  .hidden-menu.fixed-ribbon #ribbon {
    left: 220px;
    width: 100%;
  }
  .fixed-ribbon #ribbon {
    left: 0px;
  }
  /*.fixed-navigation #left-panel {
		position:absolute !important;
	}*/
  body.fixed-navigation.hidden-menu {
    overflow: hidden !important;
  }
  /*
	 * fixed ribbon
	 */
  .fixed-ribbon #content {
    padding-top: 52px;
  }
  /*
	 * header search
	 */
  .header-search {
    display: none;
  }
  #search-mobile {
    display: block;
  }
  .search-mobile .header-search {
    display: block;
    position: absolute;
    top: 0px;
    width: 100%;
    height: 49px;
    background: #333;
    padding: 0 2px;
    box-sizing: border-box;
    left: 0px;
  }
  .search-mobile .header-search > input[type="text"] {
    margin-top: 2px;
    height: 45px;
    border-color: #333;
    padding-right: 75px;
  }
  .search-mobile .header-search > button {
    height: 29px;
    line-height: 29px;
    background: #DDDDDD;
  }
  .search-mobile .header-search > button {
    right: 44px;
  }
  .search-mobile #search-mobile {
    display: none;
  }
  .search-mobile #cancel-search-js {
    display: block;
  }
  .jarviswidget header h2 {
    width: 250px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
}
/*
 * ANDROID
 */
@media only screen and (min-width: 0px) and (max-width: 679px) {
  /* Profile Page */
  .profile-pic > img {
    width: 90px;
  }
  #main::after {
    /*content: "ANDROID";*/
  }
  #main {
    margin-left: 0;
    overflow-x: hidden;
  }
  #left-panel {
    left: -220px;
  }
  /* dashboard microcharts */
  .show-stat-microcharts > div {
    margin-top: 0px !important;
    border-right: none !important;
  }
  .show-stat-buttons {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  /* padding adjustment */
  #content,
  #ribbon {
    padding-left: 5px;
    padding-right: 5px;
  }
  #header {
    padding-right: 5px;
  }
  #logo {
    margin-left: 4px;
  }
  .no-content-padding {
    margin: 0 -5px !important;
  }
  .inbox-nav-bar.no-content-padding {
    margin-top: -10px !important;
  }
  /* minified adjustment counter */
  .minified #left-panel {
    left: 0px;
  }
  /* header color altered and adjusted for mobile view & contrast */
  #header {
    background: #ffffff;
  }
  #ribbon {
    border-bottom: 1px solid #CFCFCF;
    border-top: 1px solid #E6E6E6;
    background: #F5F5F5;
  }
  #ribbon .breadcrumb a,
  #ribbon .breadcrumb {
    color: #6D6C6C !important;
  }
  #ribbon .breadcrumb > .active,
  #ribbon .breadcrumb li:last-child {
    color: #333 !important;
  }
  /* responsive menu button */
  #hide-menu > :first-child > a,
  .btn-header a {
    margin-top: 5px !important;
    width: 40px !important;
    height: 39px !important;
    line-height: 38px !important;
  }
  #hide-menu > :first-child > a {
    width: 50px !important;
  }
  #logo {
    margin-top: 10px;
  }
  #logo img {
    width: 127px;
  }
  /* transparent header button */
  .btn-header.transparent a {
    border: none !important;
    background: none;
    margin-left: 0;
    width: 25px !important;
    box-shadow: none !important;
  }
  .btn-header.transparent a:hover {
    color: #a90329;
  }
  /* menu btn cont... */
  #hide-menu i {
    color: #6D6A69;
    font-size: 121%;
  }
  .hidden-menu #hide-menu i {
    color: #ffffff;
  }
  #hide-menu i::before {
    content: "\f0c9";
  }
  .hidden-menu #left-panel {
    left: 0;
  }
  .hidden-menu #main {
    position: relative;
    left: 210px;
  }
  .hidden-menu.fixed-ribbon #ribbon {
    left: 220px;
    width: 100%;
  }
  .fixed-ribbon #ribbon {
    left: 0px;
  }
  /*
	 * header search
	 */
  .header-search {
    display: none;
  }
  #search-mobile {
    display: block;
  }
  .search-mobile .header-search {
    display: block;
    position: absolute;
    top: 0px;
    width: 100%;
    height: 49px;
    background: #333;
    padding: 0 2px;
    box-sizing: border-box;
    left: 0px;
  }
  .search-mobile .header-search > input[type="text"] {
    margin-top: 2px;
    height: 45px;
    border-color: #333;
    padding-right: 75px;
  }
  .search-mobile .header-search > button {
    height: 29px;
    line-height: 29px;
    background: #DDDDDD;
  }
  .search-mobile .header-search > button {
    right: 44px;
  }
  .search-mobile #search-mobile {
    display: none;
  }
  .search-mobile #cancel-search-js {
    display: block;
  }
  .hidden-tablet {
    display: none !important;
  }
  .jarviswidget header h2 {
    width: 300px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
}
/*
 * IPHONE
 */
@media only screen and (min-width: 320px) and (max-width: 479px) {
  /* Hide headings on phones as its not needed*/
  .page-title {
    display: none;
  }
  /* Profile Page */
  .profile-pic {
    text-align: left;
  }
  .profile-pic > img {
    width: 90px;
    margin-left: 0px;
    top: -25px;
    margin-right: 0px;
  }
  .profile-pic + div > h1 {
    font-size: 20px;
  }
  .profile-pic + div > h1 small {
    font-size: 16px;
  }
  .profile-carousel .carousel-indicators {
    top: 10px;
  }
  #main::after {
    /*content: "IPHONE";*/
  }
  #main {
    margin-left: 0;
    overflow-x: hidden;
  }
  #left-panel {
    left: -220px;
  }
  /* dashboard microcharts */
  .show-stat-microcharts > div {
    margin-top: 0px !important;
    border-right: none !important;
  }
  .show-stat-buttons {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  /* padding adjustment */
  #content,
  #ribbon {
    padding-left: 5px;
    padding-right: 5px;
  }
  #header {
    padding-right: 5px;
  }
  #logo {
    margin-left: 4px;
  }
  .no-content-padding {
    margin: 0 -5px !important;
  }
  .inbox-nav-bar.no-content-padding {
    margin-top: -10px !important;
  }
  /* minified adjustment counter */
  .minified #left-panel {
    left: 0px;
  }
  /* header color altered and adjusted for mobile view & contrast */
  #header {
    background: #d0dce8;
  }
  #ribbon {
    border-bottom: 1px solid #CFCFCF;
    border-top: 1px solid #E6E6E6;
    background: #F5F5F5;
  }
  #ribbon .breadcrumb a,
  #ribbon .breadcrumb {
    color: #6D6C6C !important;
  }
  #ribbon .breadcrumb > .active,
  #ribbon .breadcrumb li:last-child {
    color: #333 !important;
  }
  /* lego width adjustment */
  #logo {
    width: 135px;
  }
  #logo-group {
    width: 169px !important;
  }
  /* spark line top */
  #sparks {
    text-align: center;
    background: #E0E0E0;
    padding: 10px 0;
    margin-bottom: 15px;
  }
  #sparks li {
    padding: 0 10px 0 20px;
  }
  /* responsive menu button */
  #hide-menu > :first-child > a,
  .btn-header a {
    margin-top: 5px !important;
    width: 40px !important;
    height: 39px !important;
    line-height: 38px !important;
  }
  #logo {
    margin-top: 10px;
  }
  #logo img {
    width: 127px;
  }
  /* transparent header button */
  .btn-header.transparent a {
    border: none !important;
    background: none;
    margin-left: 0;
    width: 25px !important;
    box-shadow: none !important;
  }
  .btn-header.transparent a:hover {
    color: #a90329;
  }
  #hide-menu > :first-child > a {
    width: 46px !important;
  }
  #hide-menu i {
    color: #6D6A69;
    font-size: 121%;
  }
  .hidden-menu #hide-menu i {
    color: #ffffff;
  }
  #hide-menu i::before {
    content: "\f0c9";
  }
  .hidden-menu #left-panel {
    left: 0px;
  }
  .hidden-menu #main {
    position: relative;
    left: 210px;
  }
  .hidden-menu.fixed-ribbon #ribbon {
    left: 220px;
    width: 100%;
  }
  .fixed-ribbon #ribbon {
    left: 0px;
  }
  /* #*$^& Bootstrap 3 ! */
  .hidden-mobile {
    display: none !important;
  }
  .visible-mobile {
    display: inline-block !important;
  }
  /* activity panel */
  .ajax-notifications {
    height: 250px;
  }
  .ajax-dropdown {
    width: 299px;
    height: 320px;
    left: 0;
    top: 49px;
  }
  .ajax-dropdown:before {
    margin-left: -14px;
  }
  .ajax-dropdown:after {
    margin-left: -13px;
  }
  /*
	 * header search
	 */
  .header-search {
    display: none;
  }
  #search-mobile {
    display: block;
    margin-left: 0;
  }
  .search-mobile .header-search {
    display: block;
    position: absolute;
    top: 0px;
    width: 100%;
    height: 49px;
    background: #333;
    padding: 0 2px;
    box-sizing: border-box;
    left: 0px;
  }
  .search-mobile .header-search > input[type="text"] {
    margin-top: 2px;
    height: 45px;
    border-color: #333;
    padding-right: 75px;
  }
  .search-mobile .header-search > button {
    height: 29px;
    line-height: 29px;
    background: #DDDDDD;
  }
  .search-mobile .header-search > button {
    right: 44px;
  }
  .search-mobile #search-mobile {
    display: none;
  }
  .search-mobile #cancel-search-js {
    display: block;
  }
  /* widget headers width */
  .jarviswidget header h2 {
    width: 135px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
}
@-ms-viewport {
  
}
#extr-page #main {
  margin-top: 0px !important;
}
#mobile-profile-img {
  display: none !important;
  padding-right: 2px !important;
  padding-left: 2px !important;
}
.menu-on-top #mobile-profile-img {
  display: block !important;
}
#mobile-profile-img a.userdropdown img {
  width: 30px;
  margin-top: 5px;
  margin-left: 2px;
  border-radius: 3px;
  border: 1px solid #797979 !important;
}
.menu-on-top .page-footer {
  padding: 2px 10px 0;
}
.menu-on-top.hidden-menu #left-panel {
  left: 0px;
}
.menu-on-top #main {
  margin-left: 0px !important;
  margin-top: 69px !important;
}
.menu-on-top .minifyme,
.menu-on-top #hide-menu,
.menu-on-top #logout {
  display: none !important;
}
.menu-on-top aside#left-panel {
  width: 100% !important;
  min-height: 0 !important;
  height: auto;
  overflow: visible;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  border-bottom: 1px solid #222;
  border-top: 1px solid #333;
}
.menu-on-top aside#left-panel nav > ul {
  display: block;
  width: 100%;
}
.menu-on-top aside#left-panel nav > ul > li:first-child {
  margin-left: 0px;
}
.menu-on-top aside#left-panel nav > ul > li {
  display: block;
  position: relative;
  height: auto !important;
  padding: 0px !important;
  display: inline-block;
  float: left;
  border-right: 1px solid #222;
  border-left: 1px solid #4E4E4E;
  overflow: visible;
}
.menu-on-top aside#left-panel nav > ul > li > a {
  display: inline-block;
  height: 68px;
  line-height: 17px;
  text-shadow: none !important;
  font-size: 13px;
  text-decoration: none;
  line-height: 22px;
  padding: 10px 9px !important;
}
.menu-on-top li.active > a {
  font-weight: bold !important;
}
.menu-on-top .login-info,
.menu-on-top nav > ul > li > a b {
  display: none;
}
.menu-on-top aside#left-panel nav > ul > li > a > i {
  display: block !important;
  margin: 1px 0 4px;
  line-height: inherit;
  width: auto;
  /*vertical-align: sub;*/
  text-align: center;
  font-size: 24px;
  margin-bottom: 2px;
  width: 100%;
}
.menu-on-top .menu-item-parent {
  max-width: 72px;
  min-width: 50px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  font-size: 13px;
}
.menu-on-top .menu-item-parent + span {
  float: none !important;
  top: 5px;
  right: 5px;
  position: absolute;
}
.menu-on-top nav ul ul li a {
  padding-left: 10px !important;
  font-size: 13px;
}
/* Hover state */
.menu-on-top aside#left-panel nav > ul > li:hover {
  background: #ffffff;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ffffff), color-stop(1, #cfcfcf));
  background: -ms-linear-gradient(bottom, #ffffff, #cfcfcf);
  background: -moz-linear-gradient(center bottom, #ffffff 0%, #cfcfcf 100%);
  background: -o-linear-gradient(#cfcfcf, #ffffff);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cfcfcf', endColorstr='#ffffff', GradientType=0);
}
.menu-on-top aside#left-panel nav > ul > li:hover > a {
  color: #333 !important;
  border-left: 1px solid #c7c7c7;
  border-right: 1px solid #c7c7c7;
  padding-left: 8px !important;
  padding-right: 8px !important;
}
.menu-on-top aside#left-panel nav > ul > li > ul {
  position: absolute !important;
  background: #3a3633;
}
.menu-on-top aside#left-panel nav > ul > li:hover > ul {
  display: block !important;
}
.menu-on-top aside#left-panel nav ul li.active > a:before {
  content: "" !important;
}
.menu-on-top nav > ul ul li::before,
.menu-on-top nav > ul > li > ul::before {
  border: none;
}
/* hover state universal */
.menu-on-top nav ul ul li a,
.menu-on-top nav ul ul ul li a {
  color: #4C4F53;
}
.menu-on-top nav ul ul li a:hover,
.menu-on-top nav ul ul ul li a:hover {
  color: #fff;
  background-color: #4C4F53;
}
.menu-on-top nav ul ul li:hover > a {
  color: #fff;
  background-color: #4C4F53;
}
.menu-on-top nav > ul ul ul {
  border-top: 1px solid #c7c7c7 !important;
}
/* Hover state second level */
.menu-on-top nav ul ul li {
  overflow: visible;
}
.menu-on-top nav ul ul,
.menu-on-top nav ul ul ul {
  display: none !important;
  background: #ffffff !important;
  box-shadow: none;
  border: 1px solid #c7c7c7;
  -webkit-box-shadow: inset 0px -4px 0px 0px #bd2a2a;
  -moz-box-shadow: inset 0px -4px 0px 0px #bd2a2a;
  box-shadow: inset 0px -4px 0px 0px #bd2a2a;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  border-bottom: 1px solid #BD2A2A;
  border-top: none;
  width: 200px;
  border-radius: 0;
  padding: 3px;
  margin-left: 0px;
}
.menu-on-top nav > ul ul li:hover > ul {
  display: block !important;
  position: absolute;
  z-index: 999;
  left: 100%;
  top: -8px;
  background: #333;
}
/*
 * Child Arrow
 */
/* top level childs */
.menu-on-top nav > ul > li > a:after {
  content: "\f0dd" !important;
  top: 76% !important;
  color: #636363 !important;
  left: 46%;
}
/* next level childs */
.menu-on-top nav > ul > li > a:after,
.menu-on-top nav > ul ul > li a:after,
.menu-on-top nav ul ul li:hover > a:after,
.menu-on-top nav > ul ul > li a:hover:after {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f0da";
  display: block !important;
  position: absolute;
  top: 9px;
  right: 4px;
  color: #333;
}
.menu-on-top nav ul ul li:hover > a:after,
.menu-on-top nav > ul ul > li a:hover:after {
  color: #fff;
}
.menu-on-top nav > ul ul > li a:only-child:after,
.menu-on-top nav > ul > li > a:only-child:after {
  content: "" !important;
}
/*
 * Active Child
 */
.menu-on-top nav ul ul .active > a {
  color: #333 !important;
}
.menu-on-top nav ul ul .active > a:hover,
.menu-on-top nav ul ul li.active:hover > a {
  color: #fff !important;
}
/*
 * SLIMSCROLL CSS CHANGE
 */
.menu-on-top .slimScrollDiv,
.menu-on-top nav {
  overflow: visible !important;
}
/*
 * FIXED TOP HEADER
 */
body.menu-on-top.fixed-header {
  padding-top: 49px;
}
/*
 * FIXED TOP HEADER + NAV
 */
body.menu-on-top.fixed-header.fixed-navigation nav > ul {
  padding-right: 0px;
  /**/
  position: relative;
  /**/
  height: auto;
  /**/
  width: auto;
  /**/
  overflow: visible;
  /**/
}
/*
 * FIXED TOP HEADER + NAV + RIBBON
 */
body.menu-on-top.fixed-header.fixed-navigation.fixed-ribbon #ribbon {
  left: 0px;
  top: 118px;
}
/*
 * RESPONSIVE
 */
/*
 * GENERAL MOBILE (Applies to all resolutions below 979px)
 */
@media (max-width: 979px) {
  .menu-on-top #mobile-profile-img a.userdropdown img {
    width: 39px;
    margin-top: 0px;
    margin-left: 2px;
    border-radius: 3px;
    margin-right: -3px;
  }
  .menu-on-top .btn-header.pull-right {
    margin-left: 0px !important;
  }
  .menu-on-top #main {
    margin-top: 0px !important;
  }
  .menu-on-top #left-panel {
    left: 0px;
    display: none;
  }
  body.menu-on-top.fixed-header.fixed-navigation.fixed-ribbon #ribbon {
    top: 49px;
  }
  .menu-on-top.hidden-menu #left-panel {
    display: block;
  }
  .menu-on-top.hidden-menu #main {
    left: 0px !important;
  }
  .menu-on-top #hide-menu {
    display: block !important;
  }
  .menu-on-top aside#left-panel nav {
    height: 300px !important;
    overflow: scroll;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch;
  }
  .menu-on-top .menu-item-parent {
    white-space: inherit;
    overflow: visible;
    text-overflow: inherit;
    text-align: left;
    min-width: 85%;
    max-width: 85%;
    padding-left: 5px;
  }
  .menu-on-top .menu-item-parent + span {
    top: 50%;
    margin-top: -8px;
  }
  .menu-on-top nav li.active > ul {
    display: block;
  }
  .menu-on-top nav > ul > li.active {
    background: #fff;
    background: -moz-linear-gradient(top, #cfcfcf 0, #ffffff 66%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cfcfcf), color-stop(66%, #ffffff));
    background: -webkit-linear-gradient(top, #cfcfcf 0, #ffffff 66%);
    background: -o-linear-gradient(top, #cfcfcf 0, #ffffff 66%);
    background: -ms-linear-gradient(top, #cfcfcf 0, #ffffff 66%);
    background: linear-gradient(to bottom, #cfcfcf 0, #ffffff 66%);
  }
  .menu-on-top nav > ul > li.active > a {
    color: #333 !important;
  }
  .menu-on-top nav ul ul li:hover > a:after,
  .menu-on-top nav > ul ul > li a:after,
  .menu-on-top nav > ul ul > li a:hover:after,
  .menu-on-top nav > ul > li > a:after {
    top: 50%;
    right: 15px;
    font-size: 15px;
    margin-top: -8px;
    content: "\f0dd" !important;
  }
  .menu-on-top nav > ul ul > li a:only-child:after,
  .menu-on-top nav > ul > li > a:only-child:after {
    content: "" !important;
  }
  .menu-on-top nav > ul > li > a:after {
    top: 50% !important;
    left: auto;
    margin-top: -14px;
    font-size: 20px;
  }
  .menu-on-top nav ul ul,
  .menu-on-top nav ul ul ul {
    padding: 0px;
    border: none;
  }
  .menu-on-top nav ul ul ul {
    border-bottom: 2px solid #333;
  }
  .menu-on-top aside#left-panel nav > ul > li {
    width: 100%;
  }
  .menu-on-top aside#left-panel nav > ul > li > a {
    height: auto;
    display: block;
    padding: 8px 9px !important;
    border-bottom: 1px dotted #585858;
  }
  .menu-on-top nav > ul > li > ul > li > a,
  .menu-on-top nav > ul > li > ul > li > ul > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .menu-on-top aside#left-panel nav > ul > li > a > i {
    display: inline !important;
  }
  /* menu child */
  .menu-on-top aside#left-panel nav > ul li ul {
    position: relative !important;
    width: 100%;
    top: 0px;
    left: 0px;
  }
  .menu-on-top aside#left-panel nav > ul > li:active > ul,
  .menu-on-top aside#left-panel nav > ul > li:focus > ul {
    display: block !important;
  }
}
/*
 * Menu on top invisible
 * applying this class will make these elements invisible 
 * when menu on top is enabled
 */
.menu-on-top .top-menu-invisible {
  display: none !important;
}
.no-menu #left-panel,
.no-menu #hide-menu,
.no-menu #logout {
  display: none !important;
}
.no-menu #main {
  margin: 0px !important;
}
.no-menu #mobile-profile-img {
  display: block !important;
}
.no-menu #mobile-profile-img a.userdropdown img {
  width: 30px;
  margin-top: 5px;
  margin-left: 2px;
  border-radius: 3px;
  border: 1px solid #797979!important;
}
.project-members img {
    width: 25px;
    border-radius: 0;
}

.people-section .avatar{
	display: inline-block;
}

.people-section .details{
	display: inline-block;
}
.people-section .options-container{
	display: inline-block;
}

.btns {
    margin: 0;
    padding: 0;
    list-style: none;
}