/*UMS profile*/
body.profile {
  position: static;
  height: 100%;
  overflow: hidden;
}
#btn-profile {
  position: fixed;
  bottom: 10px;
  right: 20px;
  z-index:9999;
  /*IE6 hack */
     _position: absolute;
     _top:expression(documentElement.scrollTop+body.scrollTop);
     _margin-top: 500px;
}
#btn-profile a {
  border-radius: 50%;
  padding: 12px;
}
.profile.wrapper{
  position: absolute;
  display: block;
  top: 0;
  width:85%; 
  height: 100%;
  }
.wrapper.profile.open {
  z-index: 9999;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 0;
  overflow: hidden;
  height: 100%;
  width: 100%;
  display: block;
}
.wrapper.profile.in {
  display: block;
}
.wrapper.profile.bg {
  background: rgba(0,0,0,.6);
}
.wrapper.profile, .profile.app, .profile.app-content {
  min-height: 100vh;
}
/*.profile.sidebar-content {
  background: #fff;
}
.close.profile {
  color: #fff;
  opacity: 1;
  filter: alpha(opacity=100);
}
.close.profile:hover {
  cursor: pointer;
}*/
.profile.button .badge, #cta_btn .badge {
  position: absolute;
  padding: 2px 4px;
  right: 1px;
  top: 1px;
  font-weight: normal;
}
.profile-pic {
  width: 34px;
  height:34px;
}
.profile-pic-small {
  width: 18px;
  height:18px;
}
/*.profile.page .cover.background {
  height: 80px;
  overflow: hidden;
}
.profile.page .cover.background img {
  width: 100%;
  min-height: 100%; 
  margin-right: auto;
  margin-left: auto;
}
.profile.page .cover.heading {
  margin-top: -56px;
}
.profile.page .cover.heading .panel-heading {
	padding: 0;
	border-bottom: 0;
}
.profile.page .cover.heading .img-circle {
  height: 50px;
  width: 50px;
}
.profile.page .cover.heading .media-heading {
  color: #fff;
  font-weight: bold;
  text-shadow: 0 0 3px rgba(0,0,0,.8);
  height: 34px;
}
.profile.page .cover.heading .nav-tabs {
  margin: 0;
}
.profile.page .cover.heading .nav-tabs.nav-mobile {
  border-bottom: 1px solid #ddd !important;
}
.profile.page .cover.heading .nav-tabs.nav-mobile li{
  display: table-cell;
  width: 1%;
}
.profile.page .cover.heading .nav-tabs.nav-mobile li>a {
  padding: 10px 5px;
  font-size: 12px;
  text-align: center;
  border-bottom-color: transparent !important;
  margin-bottom: -1px !important;
}
.profile.page .cover.heading .nav-tabs.nav-mobile li>a>i{
  float: left;
  width: 100%;
  font-size: 18px;
  text-align: center;
}*/
.profile.picture img{
  height: 18px;
  width: auto;
}
.profile.sidebar {
  z-index: 9999;
  position : relative;
  height   : 100%;
  overflow : hidden;
}
.profile.sidebar > .profile.sidebar-content {
  position      : absolute;
  overflow      : scroll;
  overflow-x    : hidden;
  top           : 0;
  right         : 0;
  bottom        : 0;
  left          : 0;
}
.profile.sidebar > .profile.sidebar-content:focus {
  outline: thin dotted;
}
.profile.sidebar > .profile.sidebar-content::-webkit-scrollbar {
  display: none;
}
.has-scrollbar > .profile.sidebar-content::-webkit-scrollbar {
  display: block;
}
.feedback-icon {
    position: absolute;
    width: auto;
    bottom: 10px;
    right: 10px;
    margin-top: 0;
}
.form fieldset legend {
  width: inherit;
  text-align: center;
  padding: 0 10px;
  border-bottom: 0;
  margin-bottom: 0;
}
.form label.pic:hover{
  cursor: pointer;
}
.form label.pic > input {
    visibility: hidden;
    position: absolute;
}
.form .thumbnails .thumb, 
.form label.pic{
  position: relative;
  float: left;
  max-height: 200px;
  width: auto;
  margin: 5px 10px;
}
.form .thumbnails .thumb span, 
.form label.pic span{
  position: absolute;
  left: 5px;
  top: 5px;
}
.form .thumbnails .thumb span.size, 
.form label.pic span.size{
    bottom: 5px;
    top: auto;
}
.form .thumbnails .thumb img, 
.form label.pic input + img{
  max-height: 200px;
  width: auto;
}
.form label.pic > input + img{
filter: opacity(.5);
}
.form label.pic > input:checked + img {
    border: 2px solid #000;
    filter: opacity(1);
}
.avatars label > input{ /* HIDE RADIO */
  visibility: hidden; /* Makes input not-clickable */
  position: absolute; /* Remove input from document flow */
}
.avatars label > input + img{ /* IMAGE STYLES */
  cursor:pointer;
  border:2px solid transparent;
  pointer-events: none;
}
.avatars label > input:checked + img{ /* (RADIO CHECKED) IMAGE STYLES */
  border:2px solid #000;
}
.app.profile .apptop {
  border-bottom: 1px solid;
  background: #eee;
}
.app.profile .apptop .media-heading {
  margin-bottom: 0;
  margin-top: 5px;
}
.app.profile .apptop .btn {
  color: #555;
}
.app.profile .apptop .btn:focus {
  outline: none;
}
.app.profile .apptop p.text-center {
  margin:0;
}
.app.profile .appnav>li>a {
    margin-bottom: 0;
    color: #ccc;
}
.app.profile .appnav>li>a:hover {
    color: #777;
}
.app.profile .appnav>li.active>a{
    background: #ddd;
    color: #333;
}
.app.profile .appnav>li>a .badge {
  position: absolute;
  top: 0;
}
.app.profile .appnav>li.active>a>span {
  -webkit-transition: all .25s ease-out;
  -o-transition: all .25s ease-out;
  transition: all .25s ease-out;
  display: inline;
}
.app.profile .appcontent .alert {
  margin-bottom: 0;
  border-radius: 0;
}
.app.profile .appcontent .profile-pic {
  width: auto;
  max-width: 45px;
  height: 45px;
}
.app.profile .appcontent .thumbnail-pic {
  width: auto;
  max-width: 45px;
  height: 45px;
}
.app.profile .appcontent .comment .media-body {
    line-height: 15px;
}
.app.profile .appcontent .list-group>.list-group-item .form-group {
  margin-bottom: 0;
}
.app.profile .appstream li a {
  color: #333;
}
.app.profile .appstream li.active {
  background: rgba(0,0,0,.05) !important;
  border: 1px solid rgba(0,0,0,.1);
  border-left: 3px solid #333;
}
.app.profile .appstream .media p {
  margin-bottom: 0;
  overflow: hidden;
  max-height: 14px;
  line-height: 13px;
}
.app.profile .appstream .media .media-right {
  vertical-align: middle;
}
.navheading {
  padding: 0;
  border-bottom: 0;
}
.navheading>i {
  display: inline-block;
  padding: 8px 0 8px 8px;
}
.navheading>b {
  font-size: 25px;
}
.navheading>.nav-tabs {
  margin: 0;
}
.panel-group>.panel>a.panel-heading {
  display: block;
}
.box>.panel-heading:hover {
  cursor: pointer;
}
.box>.panel-body {
  display: none;
  padding: 0;
}
.box>.panel-footer, .box>.list-group {
  display: none;
}
.box.in>.panel-body, .box.in>.panel-footer, .box.in>.list-group {
  display: block;
}
.box.messages>.panel-body .list-group {
  margin-bottom: 0
}
.box.messages>.panel-footer{
  padding: 0;
}
.box.messages>.panel-footer .form-group{
  margin-bottom: 0;
}
/*.comments .list-group>li {
  padding-bottom: 0;
}*/
.comments .list-group>li a.dislike {
  text-decoration: underline;
}
.comments .list-group>li label.toid,
.ecommerce .list-group>li label.toid {
  background: #fff;
  border: 1px solid #777;
  border-width: 1px 0;
  padding: 0 5px;
  position: absolute;
  margin: 5px;
  max-height: 22px;
  overflow: hidden;
  margin-right: 25px;
}
/*.comments .list-group>li textarea,
.ecommerce .list-group>li textarea {
  padding-top: 25px;
}*/
.comments>.card>.list-group>li.list-group-item:first-child {
  padding: 10px 15px;
}
.ecommerce .list-group>.list-group-item .label{
  position: absolute;
}
.poll .line-ind {
  padding: 2px;
  border-radius: 5px;
  position: relative;
  border: 1px #e7e7e7 solid;
}
.poll .line {
  background: #E9EAED;
  height: 24px;
  border-radius: 4px;
  -webkit-transition: width 1.2s ease-in-out;
  -moz-transition: width 1.2s ease-in-out;
  -o-transition: width 1.2s ease-in-out;
}
.poll .line-desc {
  display: block;
  position: absolute;
  top: 50%;
  left: 10px;
  right: 10px;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 1px;
  margin-top: -6px;
}
.poll .list-group-item .line-btn {
  position: absolute;
  right: 0;
  top: 0;
}
.poll .list-group-item .line-btn button {
   padding: 3px 10px;
}
.poll .list-group-item .line-btn button[disabled='disabled'] {
  opacity: .5;
  color: #333;
}
.poll .list-group-item .line-btn button[disabled='disabled'].liked {
  opacity: 1;
  color: #f1f3fd;
}
.poll .list-group-item.li-btn {
  padding: 0 !important;
  background: transparent;
  border:0;
}
.poll .list-group-item.li-btn>.btn.btn-default {
  border-top-right-radius: 0;
  border-top-left-radius:0; 
}
.poll .list-group-item.li-btn .well {
  margin-bottom: 0;
  border-radius: 0;
  background: transparent;
  padding:0;
}
.btn-black {
    color: #eee;
    background-color: #333;
    border: 1px solid #181818;
    -webkit-box-shadow: inset 0 1px 0 #383838;
    -moz-box-shadow: inset 0 1px 0 #383838;
    box-shadow: inset 0 1px 0 #383838;
    outline: none;
}
.btn-black:hover {
  color: #fff;
    background-color: #333 !important;
}
.btn-black:active {
  color: #fff;
    background-color: #333 !important;
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.5);
    -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,.5);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.5);
    outline: none;
}
.btn-black:active:focus, .btn-black:focus {
  color: #fff;
    background-color: #333 !important;
  outline: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.5);
    -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,.5);
  box-shadow: inset 0 3px 5px rgba(0,0,0,.5)
}

.locked {
  position: relative;
}
.locked .defuse {
  filter: blur(4px);
}
.locked .key {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.locked .key h4 {
  margin: 0;
}
/*.ul-inline li {
  width: auto;
  height: 100%;
  float: left;
  padding: 10px;
  border-right: 1px solid rgba(0, 0, 0, 0.3);
}
.line-ind {
  padding: 2px;
  border-radius: 5px;
  position: relative;
  background: rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.6), 0 1px 0 rgba(255, 255, 255, 0.06);
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1), transparent) !important;
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1), transparent) !important;
}
.line {
  height: 24px;
  border-radius: 4px;
  opacity: 0.8;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.6);
  -webkit-transition: width 1.2s ease-in-out;
  -moz-transition: width 1.2s ease-in-out;
  -o-transition: width 1.2s ease-in-out;
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.2)) !important;
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.2)) !important;
}
.line-desc {
  display: block;
  position: absolute;
  top: 50%;
  left: 10px;
  right: 10px;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 1px;
  margin-top: -6px;
  color: rgba(255, 255, 255, 0.7);
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.6);
}
.line-desc,
.line-desc span {
  font-family: 'Dosis';
}
.list-group.pyb .line-ind .btn.pyb {
  position: absolute;
  right: 0;
  top: 0;
   padding: 3px 10px;
}
.well.pyb {
  background: transparent;
  border: 0;
}
.li-btn .well.pyb {
  margin: 0;
  padding: 0;
}
.li-btn .input-group {
  padding: 5px 14px;
}
.li-btn .input-group .form-control {
    background: rgba(0, 0, 0, 0.1);
    border: transparent;
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.6), 0 1px 0 rgba(255, 255, 255, 0.06);
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1), transparent) !important;
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1), transparent) !important;
  line-height: 24px;
  padding: 5px 10px;
  height: auto;
  font-family: "Ubuntu";
  color: #999999;
}
.li-btn .input-group .form-control:hover, .li-btn .input-group .form-control:active, .li-btn .input-group .form-control:focus {
  background-color: rgba(255, 255, 255, 0.04);
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8);
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.014), rgba(0, 0, 0, 0.02)) !important;
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.014), rgba(0, 0, 0, 0.02)) !important;
  box-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.01), inset 0 -1px 0 #bd8302 !important;
  color: #f1f3fd;
}
.li-btn .input-group .input-group-addon {
   border: 0;
}
.li-btn .input-group .btn {

}*/
.carousel-images {
  position: relative;
}
.carousel-images .carousel-caption {
  z-index: 20;
  right: 0;
  left: 0;
  padding-top: 0;
  padding-bottom: 0;
  bottom: 0;
  text-shadow:none;
  text-align: left;
  top: 265px;
}
.carousel-images .carousel-caption .btn-group.dropup {
  left: 15%;
  right: 15%;
}
.carousel-images .item {
  height: 250px !important;
}
.carousel-images .item img {
  position: relative;
  height: 250px !important;
  width: auto;
}
.carousel-images .carousel-indicators {
    position: relative;
    top: 0;
    margin-bottom: 0;
    bottom: inherit;
    left: inherit; 
    z-index: 15;
    width: 100%;
    padding-left: 0; 
    margin-left: 0;
    text-align: center;
    list-style: none;
    display: inline-block;
}
.carousel-images .carousel-indicators li {
  display: table-cell;
  width: 1%;
  border-radius: 0;
  padding:10px;
}
.carousel-images .carousel-control {
  background: transparent;
}
.carousel-images .carousel-control span{
    top: 0;
}
.carousel-images .pagination {
  margin: 0;
}
.carousel-images .pagination li{
  display: table-cell;
    width: 1%;
}
.carousel-images .pagination li>a, .carousel-images .pagination li>span{
  float: none;
  display: block;
  text-align: center;
}
.full-width {
    display:block !important;
}
.text-warp {
  white-space: normal;
}
.fileUpload {
  position: relative;
  overflow: hidden;
}
.fileUpload input.upload {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
  cursor: pointer;
}
.fileUpload input.upload:hover {
  cursor: pointer;
}

div.upload
{
  border: 2px dashed #e6e6e6;
  background-color: #f7f7f7;
}
input.upload::-webkit-file-upload-button
{
  visibility: hidden;
}
input.upload::before {
  font-family: 'FontAwesome';
  content: "\f0ee ...";
  padding: 5px;
}
input.upload {
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 1;
    filter: alpha(opacity=1);
    cursor: pointer;
}
.form-control-feedback {
  top: 5px;
}
.form-control-feedback.fa-refresh {
  height: auto;
  widows: auto;
  right: 15px;
}

/*.sidebar {
    min-height: 100vh;
    background-color: #222;
    border-color: #080808;
}*/
.visible-xxs {
  display: none;
}
.sidebar-offcanvas-right {
  display: none;
}
.main_content>div{
  display: none
}
.main_content>div.active {
  display: block;
}
.comment .expand {
    max-height: 80px;
    overflow: hidden;
    margin-bottom: 0;
}
.comment .expand.in {
    height: auto;
    overflow: auto;
    margin-bottom: 10px;
}
.nopadding {
  padding: 0;
}
.Differences {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
}
.Differences thead th {
  text-align: left;
  border-bottom: 1px solid #000;
  background: #aaa;
  color: #000;
  padding: 4px;
}
.Differences tbody th {
  text-align: right;
  background: #ccc;
  width: 4em;
  padding: 1px 2px;
  border-right: 1px solid #000;
  vertical-align: top;
  font-size: 13px;
}
.ums .Differences td {
  padding: 1px 2px;
  font-family: Consolas, monospace;
  font-size: 13px;
}

.ums .DifferencesSideBySide .ChangeInsert td.Left {
  background: #dfd;
}

.ums .DifferencesSideBySide .ChangeInsert td.Right {
  background: #cfc;
}

.ums .DifferencesSideBySide .ChangeDelete td.Left {
  background: #f88;
}

.ums .DifferencesSideBySide .ChangeDelete td.Right {
  background: #faa;
}

.ums .DifferencesSideBySide .ChangeReplace .Left {
  background: #fe9;
}

.ums .DifferencesSideBySide .ChangeReplace .Right {
  background: #fd8;
}

.ums .Differences ins, .Differences del {
  text-decoration: none;
}

.ums .DifferencesSideBySide .ChangeReplace ins, .DifferencesSideBySide .ChangeReplace del {
  background: #fc0;
}

.ums .Differences .Skipped {
  background: #f7f7f7;
}

.ums .DifferencesInline .ChangeReplace .Left,
.ums .DifferencesInline .ChangeDelete .Left {
  background: #fdd;
}

.ums .DifferencesInline .ChangeReplace .Right,
.ums .DifferencesInline .ChangeInsert .Right {
  background: #dfd;
}

.ums .DifferencesInline .ChangeReplace ins {
  background: #9e9;
}

.ums .DifferencesInline .ChangeReplace del {
  background: #e99;
}
@media (min-width: 480px) {
.profile.page .cover.background {
  height: 112px;
  overflow: hidden;
}
.profile.page .cover.heading {
  margin-top: -87px;
}
.profile.page .cover.heading .img-circle {
  height: 80px;
  width: 80px;
}
.profile.page .cover.heading .media-heading {
  height: 64px;
}

}
@media (min-width: 768px) {
.profile.page .cover.background {
  height: 200px;
}
.profile.page .cover.heading {
  margin-top: -74px;
}
.profile.page .cover.heading .img-circle {
  height: 110px;
  width: 110px;
}
.box>.panel-heading:hover {
  cursor: inherit;
}
.box>.panel-body, .box>.panel-footer, .box>.list-group {
  display: block;
}
 .row-offcanvas-right .profile.wrapper {
  left: -100%;
 }
 .profile.wrapper.open {
  left: auto;
 }
 .profile.wrapper>.sidebar {
      overflow: hidden;
 }
 .ecommerce select.form-control {
  max-width: 150px;
}

}
@media (min-width: 992px) {

}
@media (max-width: 479px) {
/*h1 {
	font-size: 22px;
}
h2 {
	font-size: 20px;
}
h3 {
	font-size: 18px;
}*/
.col-xxs {
	padding: 0;
}
.hidden-xxs {
	display: none !important;
}
.col-xxs-12 {
	width: 100%;
}
.col-xxs-9 {
	width: 75%;
}
.col-xxs-8 {
	width: 66.66666667%;
}
.col-xxs-6 {
  width: 50%;
}
.col-xxs-4 {
	width: 33.33333333%;
}
.col-xxs-3 {
	width: 25%;
}
.visible-xxs {
  	display: auto !important;
}
.xxs-nopadding {
	padding: 0;
}
.col-xxs-push-0 {
  left: auto;
}
.col-xxs-pull-0 {
	right: auto;
}
.app.profile .appstream .nav-pills>li>a {
  padding: 10px 12px;
}
}
@media (max-width: 767px) {
  .nav-mobile li{
    display: table-cell;
    width: 1%;
  }
/* Profile App OffCanvas*/
.row-offcanvas {
  position: relative;
  -webkit-transition: all .25s ease-out;
  -o-transition: all .25s ease-out;
  transition: all .25s ease-out;
 }
 .row-offcanvas-right {
  right: 0;
 } 
 .row-offcanvas-right .profile.wrapper {
  left: -85%;
 }
  .row-offcanvas-right .profile.wrapper.open {
  left: 0;
 }
 .row-offcanvas-right.active {
  right: 85%; 
 }
 .row-offcanvas-right.active .profile.wrapper {
  right: -85%;
  left: auto;
 }
 .ecommerce .navbar-form {
  margin: 0;
}
}