.color-red {
    color:red;
}

.custom-display-none {
    display:none;
}

.custom-display-block {
    display:block;
}

.sidebar {
    overflow-y: auto !important;
}

.full-page-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.2);
    top: 0;
    bottom: 0;
    z-index: 999999999999;
}

.custom-spinner {
    position: absolute;
    left: 50%;
    top: 50%;
    height:60px;
    width:60px;
    margin:0px auto;
    -webkit-animation: rotation .6s infinite linear;
    -moz-animation: rotation .6s infinite linear;
    -o-animation: rotation .6s infinite linear;
    animation: rotation .6s infinite linear;
    border-left:6px solid rgba(0,174,239,.15);
    border-right:6px solid rgba(0,174,239,.15);
    border-bottom:6px solid rgba(0,174,239,.15);
    border-top:6px solid rgba(0,174,239,.8);
    border-radius:100%;
 }
 
 @-webkit-keyframes rotation {
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(359deg);}
 }
 @-moz-keyframes rotation {
    from {-moz-transform: rotate(0deg);}
    to {-moz-transform: rotate(359deg);}
 }
 @-o-keyframes rotation {
    from {-o-transform: rotate(0deg);}
    to {-o-transform: rotate(359deg);}
 }
 @keyframes rotation {
    from {transform: rotate(0deg);}
    to {transform: rotate(359deg);}
 }

 .custom-button-checkbox {
    min-height: 20px;
    color: #000;
 }

 .custom-button-checkbox:hover {
    cursor:pointer;
    background-color: #e2f0e5;
 }
 .custom-button-checkbox.active {
    background-color:#28a745;
    color: #fff;
 }

 .custom-button-checkbox.active:hover {
    background-color:#13812d;
    color: #fff;
 }

 .custom-button-checkbox {
    min-height: 20px;
 }
 .custom-button-checkbox .chk-filter {
     display:none;
 }

 .sort-handle {
   cursor: move; /* fallback if grab cursor is unsupported */
   cursor: grab;
   cursor: -moz-grab;
   cursor: -webkit-grab;
 }

.sort-handle:active {
   cursor: grabbing;
   cursor: -moz-grabbing;
   cursor: -webkit-grabbing;
}

.ghost {
   opacity: 0.5;
   background: red;
 }
 .chosen {
   opacity: 0.5;
   background: blue;
 }
 .drag {
   opacity: 0.5;
   background: green;
 }



.custom-drop-file {
   border:1px dotted #000;
   height:100px
}

.introjs-tooltip {
   max-width: 500px;
  }

  .sortable-selected {
     background-color: #13812d;
  }

  .selected-sort .card {
      background-color: #28a745!important;
  }

  .custom-sortable-thumbnail .card {
      margin:auto;text-align:center;min-height:210px;margin-top:10px;
  }

  .custom-sortable-thumbnail .card img {
     margin:auto;
     margin-top: 10px;
  }

  /* Video Gallery */
  #input-container-tags textarea {
      border: 0px !important;
   }
   #input-container-tags .select2-container {
      width: 100% !important;
      color: #495057 !important;
   }
   #input-container-tags .select2-selection__choice__display{
      color: #495057 !important;
   }

   #input-container-tags .select2-selection{
      height: calc(1.8125rem + 2px);            
      font-size: .875rem;
      line-height: 1.5;
      border-radius: .2rem;
      display: block;
      width: 100%;
      height: calc(2.25rem + 2px);            
      font-size: 1rem;
      font-weight: 400;
      line-height: 1.5;
      color: #495057;
      background-color: #fff;
      background-clip: padding-box;
      border: 1px solid #ced4da;
      border-radius: .25rem;
      box-shadow: inset 0 0 0 transparent;
      transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
   }

   #input-container-tags .select2-selection__choice__display{
      padding-left: 8px !important;
   }