.container-fluid-edit {
    padding-right: 42px;
}

.icon-bar {
  position: fixed;
  top: 40%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 40px;
}

.icon-bar .but {
  width: 40px;
  height: 40px;
}

.icon-bar span {
  width: 40px;
  height: 40px;
  display: block;
  text-align: center;
  cursor: pointer;
  padding-top: 4px;
}

.icon-bar a {
  font-size: 20px;
  width: 100%;
  height: 100%;
  color: inherit;
}

.compact-table .form-group {
  margin-bottom: .5rem;
}
/*
.icon-bar button {
  display: block;
  text-align: center;
  padding: 16px;
  transition: all 0.1s ease;
  font-size: 20px;
  width: 44px;
  height: 54px;
  float: right;
}

/* Style the social media icons with color, if you want 
.icon-bar button:hover {
  width: 54px;
}
*/

.mycontent-left {
  border-right: solid 1px;
}

/*
#preview{
  text-align: center;
}*/

.donut{
  position:relative;
  text-align:center
}

.donut canvas{
  display:inline-block !important;
  height: auto !important;
  width:90%!important;

}

.donut-label{
  position:absolute;
  top:50%;
  width:100%;
/*  color:#616161;
  font-size:24px;
  font-weight:500;

  */
  -webkit-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  -o-transform:translateY(-50%);
  transform:translateY(-50%)
}

.my-rounded{
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.tablesorter-header {
  background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);
  background-position: center right;
  background-repeat: no-repeat;
  cursor: pointer;
  white-space: normal;
  padding: 4px 20px 4px 4px;
}
.tablesorter-headerAsc {
  background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
}
.tablesorter-headerDesc {
  background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
}
.tablesorter .sorter-false {
  background-image: none;
  cursor: default;
}

.dropdown-item.bg-danger {
  color: #fff;
}

.dropdown-item.bg-danger:hover {
  color: #000;
}
.modal-body { 
  max-height: 500px; 
  overflow-y: auto; 
}

.largeWidth {
  max-width: 90%;
}

.link-unstyled, .link-unstyled:visited, .link-unstyled:hover, .link-unstyled:active, .link-unstyled:focus, .link-unstyled:active:hover {
  font-style: inherit;
  color: inherit;
  background-color: transparent;
  font-size: inherit;
  text-decoration: none;
  font-variant: inherit;
  font-weight: inherit;
  line-height: inherit;
  font-family: inherit;
  border-radius: inherit;
  border: none;
  border-color: inherit;
  outline: inherit;
  box-shadow: inherit;
  padding: none;
  vertical-align: inherit;
}




.model-icon-button{
  background: transparent;
  border: 0;
  cursor: pointer;
  line-height: 1;
  margin: 0;
  padding: 0;
  outline: none;
}

.model-icon-button:focus{
outline: none;
}


.model-avatars .model-avatar {
  cursor: pointer;
  display: inline-block;
  position: relative;
}

.model-avatars{
  margin:0;
  padding:0;
  list-style-type: none;
}

.model-avatars img{
  margin: 3px;
  padding: 2px;
  border:2px solid transparent;
  vertical-align: middle;
}


.model-avatars .model-avatar:hover img{
  -moz-box-shadow:3px 3px rgba(0,0,0,0.5);
  -webkit-box-shadow:3px 3px 5px rgba(0,0,0,0.5);
  box-shadow: 3px 3px 5px rgba(0,0,0,0.5);
  border-color: unset;
} 

.icon-form{
  width: auto;
  margin-bottom: 2rem;
}

/**
 * The CSS shown here will not be introduced in the Quickstart guide, but shows
 * how you can use CSS to style your Element's container.

 .StripeElement {
  box-sizing: border-box;

  height: 40px;

  padding: 10px 12px;

  border: 1px solid transparent;
  border-radius: 4px;
  background-color: white;

  box-shadow: 0 1px 3px 0 #e6ebf1;
  -webkit-transition: box-shadow 150ms ease;
  transition: box-shadow 150ms ease;
}

.StripeElement--focus {
  box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
  border-color: #fa755a;
}

.StripeElement--webkit-autofill {
  background-color: #fefde5 !important;
} */

.stripe-graphic{
  height : 1.09375rem;
}

.sortable-column{
  cursor: pointer;
}


#itemContainer .form-control{
  font-size : 12px;
}

/*
.anim_back_wrapper {
  z-index: 9999;
  position: relative;
}
.animation_background {
  background-color: #ff0000;
  position: absolute;
  width:25%;
  height:100vh;
}*/

.image-grad{
  background: linear-gradient(0deg, #212529 50%, rgba(255,0,0,0));
}

.abs-test{
  position: absolute;
  width:20%;
  height:calc(100% - 68px);
  z-index: -9999;
  left: 80%;
  top:68px;
}

.boxy{
  position: relative;
  width:404px;
  height:0px;
  left: 0;
  top:0;
}


.centered-thing {
  position: absolute;
  margin: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}


.video-mask{
  border-radius: 10px; 
  overflow: hidden; 
}


#sticky-sidebar {
  top: 62px
}

.sidebarIcon {
  border-radius: 0 !important;
  color: var(--btn-color) !important;
}


html {
  scroll-behavior: auto !important;
}



.nav-item-strip :active{
  background-color: var(--bs-dark-bg-subtle);
}