.nav, .pagination, .carousel, .panel-title a { cursor: pointer; }

textarea {
  resize:vertical;
}

.pointer {
	cursor: pointer;
}

.cursor-default {
  cursor: default!important;
}

.sidebar-menu li {
	cursor: pointer;
}

.visible-inline {
  display: inline;
  visibility: visible;
}


/*For tables using the mailbox style*/
.items-table {
  table-layout: fixed;
  width: 100%;
  white-space: nowrap;
  min-width: 500px;
}
.items-table td {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Column widths are based on these cells */
.items-table .row-id {
  width: 5%;
  max-width: 5%;
}
.items-table .row-title {
  width: 25%;
  max-width: 25%;
}
.items-table .row-description {
  width: 65%;
  max-width: 65%;
}
.items-table .row-actions {
  width: 5%;
}

/* * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
} */

/*FOR THE RIGHTHAND NAV BAR WHEN EDITING*/
.treeview-container li.active > .treeview-menu {
  display: block;
}
.treeview-container .treeview-menu {
  display: none;
  list-style: none;
  padding: 0;
  margin: 0;
  padding-left: 5px;
}
.treeview-container .treeview-menu .treeview-menu {
  padding-left: 20px;
}
.treeview-container .treeview-menu > li {
  margin: 0;
}
.treeview-container .treeview-menu > li > a {
  padding: 5px 5px 5px 15px;
  display: block;
  font-size: 14px;
}
.treeview-container .treeview-menu > li > a > .fa,
.treeview-container .treeview-menu > li > a > .glyphicon,
.treeview-container .treeview-menu > li > a > .ion {
  width: 20px;
}
.treeview-container .treeview-menu > li > a > .fa-angle-left,
.treeview-container .treeview-menu > li > a > .fa-angle-down {
  width: auto;
}

.treeview-container > li > a {
  color: #b8c7ce;
}

.treeview-container li > a {
  cursor: pointer;
}

.treeview-container .treeview-menu li>a:hover, 
.treeview-container .treeview-menu li>a:active,
.treeview-container .treeview-menu li>a:focus {
  color: #444;
  background: #f7f7f7;
}


/*FOR TABLE QUESTINOS*/
.table-question-view textarea {
  resize:vertical;
}
.table-question tbody > tr > td {
  padding: 0px !important;
}

.table-question tbody > tr > td.cell-focused {
  border: 1px solid #3c8dbc !important;
  border-left-color: rgb(60, 141, 188)!important;
  border-left-style: solid!important;
  border-left-width: 2px!important;
  border-top-width: 2px!important;
}

.table-question tbody > tr > td.cell-unsaved {
  border-color: #8a6d3b !important;
  border-left-style: solid!important;
  border-left-width: 2px!important;
  border-top-width: 2px!important;
}
.table-question.create-table tr:first-of-type > td ,.table-question.create-table tr > td:first-of-type {
  /*background-color: #fdfdfd;*/
  background-color: rgba(0, 0, 0, .15);
}

tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th {
  background-color: rgba(0, 0, 0, .2)!important;
}

.table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th {
  /*background-color: #f2dede;*/
  background-color: rgba(242, 222, 222, .4)!important;
}

.table-question.edit-table tr > td {
  background-color: #fdfdfd;
}

.table-question input[type=number]:invalid {
  background-color: #FFCCCC;
}

/*Restricts the indexing columns onc create*/
.table-question.create-table tr > td:first-of-type {
  width:40px;
  max-width:40px;
}

/*===============================================================================*/
/* Question Type 'table' */
/*===============================================================================*/

.table-question {
  overflow:auto;
  margin-bottom: 15px;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.table-question.create-table {
  max-height:600px;
}

.table-question > .table {
  table-layout: fixed;
  width:100%;
  max-width:100%;
  word-wrap: break-word;
  margin-bottom: 0;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  border: 1px solid #ddd;
}


.table-question > .table > tbody > tr > td {
  line-height: 1.1em;
  min-height:37px;
}

.table-question-view tbody > tr > td {
  background-color: #f3f3f3;
  border-color: #cccccc;
}

/* Reset min width on cells when class .auto*/
.table-question.auto > .table {
  width:100%!important;
}

.table-question.create-table.auto > .table > tbody > tr > td > .table-question-cell-div {
  min-width: 0!important;
}

.table-question.create-table.auto > .table > tbody > tr:first-child {
  width: 40px;
  max-width: 40px;
  min-width: 0!important;

}

/* Newer table question stuff
    Trying to make tables ok for all screen sizes
*/
.table-fillout {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
}

.table-fillout table {
  width: auto;
  /* min-width: 100%; */
  max-width: none;
}

.table-fillout table td {
  min-width: 200px;
}

.table-fillout {
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.table-fillout table tr:not(:last-child) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.table-fillout table td {
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}

/*===============================================================================*/
/* Show On Hover */
/*===============================================================================*/
.table-question-cell .show-on-hover {
  visibility: hidden!important;
}

.table-question-cell:hover .show-on-hover {
  visibility: visible!important;
}

/*===============================================================================*/
/* Hide On Hover */
/*===============================================================================*/
.table-question-cell .hide-on-hover {
  visibility: visible!important;
}

.table-question-cell:hover .hide-on-hover {
  visibility: hidden!important;
}


/*===============================================================================*/
/* Display On Hover */
/*===============================================================================*/
.table-question-cell .display-on-hover {
  display: none!important;
}

.table-question-cell:hover .display-on-hover {
  display: inline-block!important;
}

/*===============================================================================*/
/* Remove On Hover */
/*===============================================================================*/
.table-question-cell .remove-on-hover {
  display: inline-block!important;
}

.table-question-cell:hover .remove-on-hover {
  display: none!important;
}

/*===============================================================================*/
/* Remove number pickers (up/down arrows) from input type number */
/*===============================================================================*/
input::-webkit-inner-spin-button {
    -webkit-appearance: inner-spin-button;
    display: inline-block;
    cursor: default;
    flex: 0 0 auto;
    align-self: stretch;
    -webkit-user-select: none;
    opacity: 0;
    pointer-events: none;
    -webkit-user-modify: read-only;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance: textfield;
}

/*===============================================================================*/
/* Bootstrap Overrides for tables */
/*===============================================================================*/
.table-question > .table-bordered > tbody > tr > td:first-child {
  border-left: 0;
}

.table-question > .table-bordered > tbody > tr > td:last-child {
  border-right: 0;
}

.table-question > .table-bordered > tbody > tr:last-child > td {
  border-bottom: 0;
}


/*MEDIA QUERY JUST TO ADD PULL_RIGHT FOR SCREENS 992px AND ABOVE */
@media (min-width: 992px) {
  .pull-right-md {
    float: right;
  }
}

/* CHECKBOXES */
.action-checkbox {
  padding-left: 20px;
  margin-top: 50px;
  margin-bottom: 30px;
  /* line-height: 10px; */
  display: inline;
  cursor: pointer;
}

.action-checkbox label {
  cursor: pointer;
  font-weight: initial;
}

.action-checkbox input[type=checkbox] { display:none; } /* to hide the checkbox itself */
.action-checkbox input[type=checkbox] + label:before {
  font-family: FontAwesome;
  display: inline-block;
}

.action-checkbox input[type=checkbox] + label:before { content: "\f096"; } /* unchecked icon */
.action-checkbox input[type=checkbox] + label:before { letter-spacing: 10px; } /* space between checkbox and label */

.action-checkbox input[type=checkbox]:checked + label:before { content: "\f046"; } /* checked icon */
.action-checkbox input[type=checkbox]:checked + label:before { letter-spacing: 5px; } /* allow space for check mark */
/* END CHECKBOXES */


/*BREADCRUMNS OVERRIDE USED AS PAGE HEADER*/
.breadcrumb {
  margin-bottom:0px;
}


@media screen and (min-width: 991px) {
  .content-header > .breadcrumb {
    position: relative;
    margin-top: 5px;
    top: 0;
    right: 0;
    float: none;
    padding-left: 10px;
    font-size: 1.5em;
  }
  
  .content-header > .breadcrumb li:before {
    color: #fff;
  }
}

.content-header > .breadcrumb > li + li:before {
  content: '/';
}

.content-header>.breadcrumb>li>a {
  color: #fff;
  text-decoration: none;
  display: inline-block;
}

.content-header>.breadcrumb>li>a:hover {
  text-decoration: underline;
}


/*LIGHTBOX*/
ul.gallery {
  padding: 0px;
}
.gallery li {
  display: inline-block;
  list-style-type: none;
  text-align: center;
  width: 100px;
  height: 100px;
  margin-right: 10px;
}

.gallery1 img {
  width: 100%;
  height: auto;
}
.img-thumbnail {
  display: inline-block;
  /*max-width: 100%;*/
  /*height: auto;*/
  padding: 4px;
  line-height: 1.42857143;
  background-color: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 4px;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

pav-form-list {
  position: relative;
}


/* Slideshow style */
.splash {
    position: fixed;
    background: rgba(0,0,0,0.85);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 500;
    overflow: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    transition: opacity 0.5s, visibility 0s 0.5s;
    -webkit-transition: opacity 0.5s, visibility 0s 0.5s;
}

.splash-open.splash {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

.splash .splash-inner {
    width: 100%;
    height: 100%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translate3d(0,0,150px);
    transform: translate3d(0,0,150px);
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
}


.splash-open.splash .splash-inner {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.splash .splash-content {
    width: 660px;
    height: 350px;
    position: absolute;
    top: 40%;
    left: 50%;
    margin: -175px 0 0 -330px;
    color: #fff;
    font-size: 18px;
}

.splash-content h1 {
    color: #fff;
    margin-bottom: 40px;
}


.btn-outline {
    margin-top: 40px;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 2px;
    background-color: transparent;
    width: 250px;
    font-weight: 300;
}
.btn-outline:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.05);
}



/* BEGIN MEDIA PLAYER */
  .media-image-wrapper {
    width: 100%;
  }
  .media-image-item > img {
    max-width:100%;
    width:auto;
    max-height: 400px;
    height:auto;
    margin:auto;
    text-align: center;
  }
  .media-sidebar, .media-titlebar {
    position: relative;
    z-index: 2;
    margin: 0px;
  }
  .sidebar-contents, .titlebar-contents {
    margin: 0px 0px;
    border: 0px none;
    background: none repeat scroll 0% 0%;
    -moz-box-sizing: border-box;
  }
  .titlebar-contents {
    padding: 15px 15px 10px 10px;
  }
  
  .sidebar-section {
    position: relative;
    z-index: 2;
    margin: 0px 0px 10px 5px;
    /* max-height: 450px; */
    overflow: auto;
  }
  .sidebar-section:last-child {
    margin-bottom: 0px;
  }
  .media-list {
    list-style: none outside none;
  }
  .media-list-item {
    position: relative;
    margin-bottom: 15px;
  }
  .media-list-item a {
      text-decoration: none;
      cursor: pointer;
      overflow: hidden;
      display: block;
      padding: 0px 5px;
      position: relative;
  }
  .media-list-item a :focus {
      outline: 0px none;
  }
  .media-list-item a:hover, .media-list-item a:focus {
      text-decoration: underline;
  }
  .media-list-item .title {
      font-size: 13px;
      font-weight: bold;
  }
  .media-list-item .title {
      display: block;
      font-size: 1em;
      font-weight: normal;
      line-height: 1.2;
      margin-bottom: 2px;
      cursor: pointer;
  }
  .media-list-item .stat {
      display: block;
      font-size: 0.9166em;
      line-height: 1.4em;
      height: 1.4em;
      white-space: nowrap;
  }
  .media-list .media-list-item .description, .media-player .media-list .media-list-item .stat {
      font-size: 11px;
  }
  .media-list-item .media-thumb-wrap {
      margin: 0px 8px 0px 0px;
      width:120px;
      height:90px;
      position: relative;
      overflow: hidden;
      display: inline-block;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      border-radius: 2px;
  }
  .media-thumb-wrap > img:not(.media-thumb-doc-img) {
      position: relative;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      border-radius: 2px;
  }
  .media-thumb-doc-img {
    height: 100%;
    width: auto;
  }
  .video-time {
      padding: 0px 4px;
      font-weight: bold;
      font-size: 11px;
      background-color: rgb(0, 0, 0);
      color: rgb(255, 255, 255) !important;
      height: 14px;
      line-height: 14px;
      opacity: 0.75;
      vertical-align: top;
      display: inline-block;
  }
  .video-time {
      position: absolute;
      right: 2px;
      bottom: 2px;
      margin-top: 0px;
      margin-right: 0px;
  }
  .media-yt-wrapper {
      width: 100%;
      display: inline-block;
      position: relative;
  }
  .media-yt-wrapper:after {
      padding-top: 60.94%;
      display: block;
      content: '';
  }
  .media-yt-wrapper-main {
      position: absolute;
      top: 0; bottom: 0; right: 0; left: 0;
  }

  .media-sidebar .todo-list {
    max-height: 350px;
  }

  .videogular-container.audio {
    height: 50px;
  }

  .cl-media-modal-window .modal[style] {
    position: fixed!important;
    top: 0!important;
    right: 0!important;
    left: 0!important;
    bottom: 0!important;
    padding: 0!important;
    overflow-y: auto!important;
  }

  .cl-media-modal-window .modal-dialog, .cl-media-modal-window .modal-content {
    width:100%!important;
    height:100%!important;
    margin:0px!important;
    overflow-y: auto;
  }

  .cl-media-modal-window .modal-content {
    padding-bottom: 50px;
  }

  .cl-media-modal-window .modal-dialog .modal-footer {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
  }

  /* Possible ios fix for cursor positioning in modal */
  body.modal-open {
    position: fixed;
  }

  @media(max-width: 766px) {

    .cl-media-modal-window .modal-content {
      padding-bottom: 0;
    }

    .cl-media-modal-window .modal-dialog .modal-footer {
      position: relative;
      width: 100%;
    }

    .todo-list-header {
      margin-left:0px;
    }

    .cl-media-modal-window .modal[style] {
      position: fixed!important;
      top: 0!important;
      right: 0!important;
      left: 0!important;
      bottom: 0!important;
      padding: 0!important;
      overflow-y: auto!important;
    }

    .cl-media-modal-window .modal-dialog, .cl-media-modal-window .modal-content {
      width:100%!important;
      height:100%!important;
      margin:0px;
      overflow-y: auto;
    }

    .sidebar-section {
      max-height: none;
      margin: 0px 0px 10px 0px;
    }

    .media-player .cl-ratio-wrapper-main {
      position: relative;
      width:100%;
      height:300px;
      max-height:400px;
    }

    .media-list-item .media-thumb-wrap {
      width: 75px;
      height: 50px;
    }

    .media-player .cl-ratio-wrapper.ratio-4_3:after {
      padding-top: 0%;
      display: block;
    }

    .media-player .cl-ratio-wrapper .ratio-4_3 {
      position: relative;
      width:100%;
      height:100%;
      max-height: none;
      overflow:none;
    }

    .cl-media-modal-window .modal-footer {
      right: 0!important;
      left: 0!important;
      bottom: 0!important;
    }

    .cl-media-modal-window .nav > li {
      display: table-cell!important;
      position: relative!important;
    }
  }
/* END MEDIA PLAYER */


/* BEGIN IMAGE ASPECT RATIOS */
    
    /*-----------------------------------------------------------------------------------------------*/
    /* PADDING BOTTOM ASPECT RATION WRAPPER. NOTE: padding-bottom = (imageHeight / imageWidth) * 100 */
    /*-----------------------------------------------------------------------------------------------*/

    .cl-16-9-wrapper {
      width: 100%;
      display: inline-block;
      position: relative;
    }
    .cl-16-9-wrapper:after {
        padding-top: 56.25%;
        display: block;
        content: '';
    }
    .cl-16-9-wrapper-main {
        position: absolute;
        top: 0; bottom: 0; right: 0; left: 0;
    }

    .cl-ratio-wrapper {
        width: 100%;
        display: inline-block;
        position: relative;
    }
    
    /* 1:1 / 100% */
    .cl-ratio-wrapper:after {
        padding-top: 100%;
        display: block;
        content: '';
    }

    /* 4:3 / 75% */
    .cl-ratio-wrapper.ratio-4_3:after {
        padding-top: 75%;
        display: block;
        content: '';
    }

    /* BEGIN 16:9 / 56.25% */
    .cl-ratio-wrapper.ratio-16_9:after {
        padding-top: 56.25%;
        display: block;
        content: '';
    }

    .cl-ratio-wrapper-main {
      position: absolute;
      top: 0; bottom: 0; right: 0; left: 0;
      /*background: white url(data:image/gif;base64,R0lGODlhEAAQAPIAAP///wAAAMLCwkJCQgAAAGJiYoKCgpKSkiH+GkNyZWF0ZWQgd2l0aCBhamF4bG9hZC5pbmZvACH5BAAKAAAAIf8LTkVUU0NBUEUyLjADAQAAACwAAAAAEAAQAAADMwi63P4wyklrE2MIOggZnAdOmGYJRbExwroUmcG2LmDEwnHQLVsYOd2mBzkYDAdKa+dIAAAh+QQACgABACwAAAAAEAAQAAADNAi63P5OjCEgG4QMu7DmikRxQlFUYDEZIGBMRVsaqHwctXXf7WEYB4Ag1xjihkMZsiUkKhIAIfkEAAoAAgAsAAAAABAAEAAAAzYIujIjK8pByJDMlFYvBoVjHA70GU7xSUJhmKtwHPAKzLO9HMaoKwJZ7Rf8AYPDDzKpZBqfvwQAIfkEAAoAAwAsAAAAABAAEAAAAzMIumIlK8oyhpHsnFZfhYumCYUhDAQxRIdhHBGqRoKw0R8DYlJd8z0fMDgsGo/IpHI5TAAAIfkEAAoABAAsAAAAABAAEAAAAzIIunInK0rnZBTwGPNMgQwmdsNgXGJUlIWEuR5oWUIpz8pAEAMe6TwfwyYsGo/IpFKSAAAh+QQACgAFACwAAAAAEAAQAAADMwi6IMKQORfjdOe82p4wGccc4CEuQradylesojEMBgsUc2G7sDX3lQGBMLAJibufbSlKAAAh+QQACgAGACwAAAAAEAAQAAADMgi63P7wCRHZnFVdmgHu2nFwlWCI3WGc3TSWhUFGxTAUkGCbtgENBMJAEJsxgMLWzpEAACH5BAAKAAcALAAAAAAQABAAAAMyCLrc/jDKSatlQtScKdceCAjDII7HcQ4EMTCpyrCuUBjCYRgHVtqlAiB1YhiCnlsRkAAAOwAAAAAAAAAAAA==) center center no-repeat;*/
    }
    .cl-ratio-wrapper-main-2 {
      position: absolute;
      top: 0; right: 0; left: 0;
    }
    .cl-ratio-wrapper img:not(.play_button_center), .cl-ratio-wrapper div, .cl-ratio-wrapper iframe {
      -webkit-transition: opacity 1s;
      -moz-transition: opacity 1s;
      -o-transition: opacity 1s;
      transition: opacity 1s;
      opacity: 1;
      height: auto;
      max-height: 100%;
      overflow:hidden;
    }





/*STUDENT TAGS*/
/*===============================================*/
.pa-pop-up-mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1010;
  background: rgba(0, 0, 0, 0.4);
}

.tags.pa-pop-up {
  width: 300px;
  /*min-height: 300px;*/
  height: 300px;
  /*background: #fff;*/
  z-index: 1012;
  position:absolute;
  /*background: rgba(255, 255, 255, 0.6);*/
  /*padding-top: 20px;*/
}

.tags.pa-pop-up .box {
  height: 300px;
}

.tags.pa-pop-up .box .box-header {
  height: 45px;
}

.tags.pa-pop-up .box .box-body {
  height: 200px;
  max-height: 200px;
  overflow: auto;
}

.tags.pa-pop-up .box .box-footer {
  height: 55px;
}

.tags ul.tag-list {
  margin-bottom: 8px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.tags ul.tag-list > li {
  padding-right: 45px;
  position: relative;
}

.tags ul.tag-list > li > .edit {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
}

.tags ul.tag-list > li > span.tag {
  display: block;
  border-radius: 3px;
  /*color: #444;*/

  margin-right: 3px;
  max-width: 100%;
  overflow: hidden;
  padding: 3px 6px;
  position: relative;
  text-overflow: ellipsis;
  /*text-shadow: 0 0 5px rgba(0,0,0,.2), 0 0 2px #000;*/
  white-space: nowrap;

  background-color: rgba(0, 0, 0, 0.2);

  cursor: pointer;
  margin: 0 0 4px;
  min-height: 18px;
  padding: 8px;
  -webkit-transition: margin 85ms;
  transition: margin 85ms;
}

.tags ul.tag-list > li > span.tag:hover {
  margin-left: 2px;
}


.tags .box-footer {
  background-color: transparent;
}

/*TAG LABELS*/
.tag-label-wrap {
  background-color: rgba(0, 0, 0, .35);
  color: rgba(255, 255, 255, .8)!important;
}

.tag-label-wrap:hover {
  background-color: rgba(0, 0, 0, .425);
  color: rgba(255, 255, 255, 1)!important;
}

.tag-label {
  /*display: inline-block;*/
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  /*background-color: rgba(0, 0, 0, .35);
  color: rgba(255, 255, 255, .8)!important;*/
  border-color: rgba(0, 0, 0, .1);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-width: 1px;
  display: block;
  white-space: normal;
  text-align: left;
  height: auto;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;

  -webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box;
}


/*.tag-list .list-input {
	margin:0;
	border:0;
	padding:8px;
	display:inline-block;
	vertical-align:middle;
	white-space:normal;
	background:none;
	line-height:1;
}*/

/* Remove the stupid outer glow in Webkit */
/*input:focus
{
	outline:0;
}*/




/*Viewing Tags On Student Profile*/
.btn.btn-flat.tag-label {
  display: block;
  white-space: normal;
  text-align: left;
  margin-left: 0;
  margin-right: 0;
  height: auto;
}


.arrow_box {
	position: relative;
	background: #fff;
	border: 4px solid #fff;
}
.arrow_box:after, .arrow_box:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box.bottom:after, .arrow_box.bottom:before {
	top: 100%;
}

.arrow_box:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 10px;
	margin-left: -10px;
}

.arrow_box.bottom:after {
	border-top-color: #fff;
  border-bottom-color: transparent;
}

.arrow_box:before {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 16px;
	margin-left: -16px;
}

.arrow_box.bottom:before {
	border-top-color: #fff;
  border-bottom-color: transparent;
}

.multiselect-parent .dropdown-menu {
  height: auto!important;
  max-height: 300px;
}


/*LIST ITEMS - NICE LIST ITEMS LIKE TAG LIST ABOVE*/
.pav-list ul {
  margin-bottom: 8px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.pav-list ul > li > div {
  padding-right: 45px;
  position: relative;
  margin-bottom: 5px;
}

.pav-list ul > li > div.new {
  padding-right: 90px;
}

/*.pav-list ul > li > .edit {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
}*/

.pav-list ul > li .list-item {
  display: block;
  border-radius: 3px;

  margin-right: 3px;
  max-width: 100%;
  overflow: hidden;
  padding: 3px 6px;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;

  background-color: rgba(0, 0, 0, 0.2);

  cursor: pointer;
  margin: 0 0 4px;
  min-height: 18px;
  padding: 8px;
  -webkit-transition: margin 85ms;
  transition: margin 85ms;
}

.pav-list ul > li .list-item:hover {
  margin-left: 2px;
}

.pav-list ul > li .controls {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
}

.pav-list ul > li .list-item input {
  margin:0;
	border:0;
	padding:0;
  width: 100%;
	display:inline-block;
	vertical-align:middle;
	white-space:normal;
	background:transparent!important;
  background-color: transparent;
	/*line-height:1;*/
}

.pav-list ul > li input:focus {
	outline:0;
}

/*So far used for Add Cell and Edit Cell Titles in Table cells*/
.inline-title-wrap {
  width: 100%;
  display: block;
  padding-right: 180px;
  position: relative;
}

.inline-title-wrap .inline-title {
  display: inline-block;
  margin-right: 20px;
}

.inline-title-wrap .inline-title h3 {
  margin-top: 0;
}

.inline-title-wrap .inline-controls {
  display: inline-block;
  vertical-align: top;
  position: absolute;
  top: 0;
  right: 20px;
}




/* NEW PAGE INFO HEADERS */
.page-info-header {
  padding: 20px;
}

.page-info-header .info-item {
  display: inline-block;
  margin-right: 30px;
  vertical-align: middle;
}

.page-info-header .info-button {
  display: inline-block;
  /* vertical-align: text-top; */
}


/* For timeline slider */
.rzslider .rz-selection {
  background: transparent;
}

.rzslider .rz-bubble {
  color: #fff;
}