body
{
    background-color: #fff;
}

.ck-editor__editable_inline
{
    min-height: 250px;
    max-height: 700px;
}

.cloud4j-login-box
{
    width:100%;
    box-shadow: 0px 5px 20px #aaaaaa;
    padding: 20px;
    padding-bottom: 64px;
    text-align: center;
    margin-top:60px;
}

.cloud4j-register-box
{
    width:100%;
    box-shadow: 0px 5px 20px #aaaaaa;
    padding: 20px;
    padding-bottom: 64px;
    text-align: center;
    margin-top:60px;
}

.common-issues-image
{
    border: 1px solid #000;
    margin-top: 10px;
    margin-bottom: 10px;
    display: block;
    width: 100%;
}

.validation-error
{
    color: #D16E6C;
}

.variable-clipboard:hover
{
    cursor:pointer;
}

#main-email-form
{
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#variable-menu
{
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-left:1px solid black;
}

#variables-content
{
    width:100%;
    margin: 30px auto;
}

#emailTextBody
{
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
}

.important-text
{
    font-weight: bold;
    color: #428bca;
}

.alert-important-text
{
    font-weight: bold;
}

.tooltip
{
    position: fixed;
}

.blue-hr
{
    border: 1px solid #2184BC;
}

.info-message
{
    color:#FF892A;
}

.help-image
{
    border: 1px solid #000;
    width: 95%;
    max-width: 950px;
}

.help-paragraph
{
    padding-top:10px;
}

.welcome-button
{
    border-radius:25px;
    background-color:#85B558 !important;
    border-color:#85B558 !important;
}

@media screen and (min-width: 767px) {
   .cloud4j-login-box {
    top: 40%;
    left: 50%;
    position: fixed;
    width: 400px;
    margin-top: -139px;
    height: 278px;
    margin-left: -200px;
    max-width: 100%;
   }
}

@media screen and (min-width: 767px) {
   .cloud4j-register-box {
    top: 25%;
    left: 40%;
    position: fixed;
    width: 950px;
    margin-top: -139px;
    height: 700px;
    margin-left: -200px;
    max-width: 100%;
   }
}

img.popup {
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
}

img.popup:hover {opacity: 0.5;}

.image-modal {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.9);
}
.imageClose{
  margin-right:60px;
  float:right;
  font-size:65px;
  color: #FFF;
  cursor:pointer;
}

.image-modal-content {
  margin: 15% auto;
  display: block;
  width: 80%;
  max-width: 700px;
}

.image-modal-content:hover {
   opacity: 1;
}

img.image-modal-content{
  cursor: default;
}

.image-modal-content {
  animation-name: zoom;
  animation-duration: 0.6s;
  transform:scale(2)
}

@keyframes zoom {
  from {transform:scale(0)}
  to {transform:scale(2)}
}

.imageClose:hover,
.imageClose:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

@media only screen and (max-width: 700px){
  .image-modal-content {
    width: 100%;
  }
}

p
{
    margin: 0px;
}

a.btn.btn-app.radius-4.custom-admin-button
{
    float:left;
    white-space: normal;
    line-height:12px;
    width:110px;
    height:105px;
}

a.btn.btn-app.radius-4.custom-schedule-button
{
    white-space: normal;
    line-height:12px;
    width:80px;
    height:80px;
}

.btn-white.btn-default.download-type-button.selected-download-type {
    border: 1px solid #2b637f;
}

.btn-white.btn-default.storage-type-button.selected-storage-type {
    border: 1px solid #2b637f;
}

.btn-white.btn-default.location-selection-button.selected-location {
    border: 1px solid #2b637f;
}

.btn-white.btn-default.payment-type-button.selected-payment-type {
    border: 1.5px solid #2b637f;
    background-color: #69AA46 !important;
    color:#FFF  !important;
    opacity:1;
}


.btn-white.btn-default.payment-type-button{
    background-color: #cccccc !important;
    color:#555;
    opacity:.3;
}


.btn-white.btn-default.more-items-button.selected-multi-item-answer {
    border: 1.5px solid #2b637f;
    background-color: #FFF !important;
    outline: none;
    outline-offset: none;
}

.btn-white.btn-default.more-items-button.selected-multi-item-answer:active {
    border: 1.5px solid #2b637f;
    background-color: #FFF !important;
    outline: none;
    outline-offset: none;
}

.btn-white.btn-default.more-items-button.selected-multi-item-answer:focus {
    border: 1.5px solid #2b637f;
    background-color: #FFF !important;
    outline: none;
    outline-offset: none;
}

.btn.btn-white.btn-lg.add-item-button.btn-default:focus {
    outline: none;
    outline-offset: none;
}

.btn-white.btn-default.send-selection {
    background-color: #FFF !important;
}

.btn-white.btn-default.send-selection:active {
    background-color: #FFF !important;
}

.btn-white.btn-default.send-selection:focus {
    background-color: #FFF !important;
}

.btn-white.btn-default.selected-send-option {
    border: 1.5px solid #2b637f;
}

.btn-white.btn-default.selected-send-option:focus {
    border: 1.5px solid #2b637f;
    background-color: #FFF !important;
    outline: none;
    outline-offset: none;
}

.btn-white.btn-default.send-selection.object-type-button.selected-item-object {
    border: 1.5px solid #2b637f;
    background-color: #FFF !important;
}

.btn-white.btn-default.object-type-button.selected-item-object:active {
    border: 1.5px solid #2b637f;
    background-color: #FFF !important;
    outline: none;
    outline-offset: none;
}

.btn-white.btn-default.object-type-button.selected-item-object:focus {
    border: 1.5px solid #2b637f;
    background-color: #FFF !important;
    outline: none;
    outline-offset: none;
}

.no-skin .nav-list > li .submenu > li.active > a > .menu-icon {
  color: #4b88b7;
}

.action-button {
    color: #616161;
    padding: 5px;
}

.interval-selector {
    background: #cccccc;
    padding: 10px 5px;
    opacity: .3;
    cursor: pointer;
}
.interval-selector .price {
    font-size: 22px;
    line-height: 20px;
    height: 28px;
    text-align: center;
    color: #555;
}
.interval-selector.active {
    opacity: 1;
    background-color: #69AA46;
    color: #ffffff;
}
.interval-selector.active .price {
    font-size: 22px;
    line-height: 20px;
    height: 28px;
    text-align: center;
    color: #ffffff;
}

.dropdown-colorpicker > .dropdown-menu {
    min-width: 445px;
    height: 370px;
    overflow: auto;
}
.dropdown-colorpicker > .dropdown-menu > li {
    border: 1px solid #B5B5B5;
}
.btn-colorpicker {
    width: 34px;
    height: 34px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border:1px solid #BFBFBF;
}
input.colorvalue {
    max-width: 90%;
}
.dropdown-colorpicker {
    width: 34px;
    float: left;
}
.modal.aside-vc.navbar-offset .modal-dialog .aside-trigger {
    top: 5%;
}
.modal.aside-fixed.aside-vc {
    z-index: 1030;
}
.modal.aside-vc.navbar-offset .modal-dialog {
    top: 0;
}

.highlight {
    background-color: #fff34d;
    -moz-border-radius: 4px; /* FF1+ */
    -webkit-border-radius: 4px; /* Saf3-4 */
    border-radius: 4px; /* Opera 10.5, IE 9, Saf5, Chrome */
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7); /* FF3.5+ */
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7); /* Saf3.0+, Chrome */
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7); /* Opera 10.5+, IE 9.0 */
}

.highlight {
    padding:1px 4px;
    margin:0 -4px;
}

#clear{
    display:inline-block;
    width:10px;
    height:10px;
    position:relative;
    left:-23px;
    background-color:white;
    cursor: pointer;
}

.powered-by-stripe {
    margin-left: 10px;
    width: 125px;
}


.ace-nav > li {
    line-height: 50px;
    height: 50px;
}



.data-label
{
    color: #white;
}

.well-button
{
    position: absolute;
    top: 50%;
    margin-top: -21px;
    right: 10px;
}

.dataheader
{
    margin-bottom: 0px;
}

div.modal-content
{
    background-clip: border-box;
}

/* CHARTS */
.chart-container
{
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0px 3px 11px 0px rgba(50,50,50,0.3);
    float:left;
    margin-right:5px;
    margin-bottom:10px;
    position:relative;
    padding-right: 10px;
}

/* HEADER */

.btn-group div.dropdown {
    display: inline-block;
}

.btn-group {
    font-size: 14px;
}

.page-header {
    padding-bottom: 11px;
    padding-top: 12px;
}
.page-content {
  padding: 0px 20px 24px;
}
.page-header.report-actions {
    border-bottom: 1px solid #eeeeee;
    padding: 5px 0px;
    margin: 0 0 5px;
}
.page-header.dashboard-actions {
    border-bottom: 1px solid #eeeeee;
    padding: 5px 0px;
    margin: 0 0 5px;
}
.page-header.report-actions h1 {
    padding: 10px 0px;
    line-height: 36px;
    float: left;
}
.page-action-title h4 {
  padding: 0px 25px;
  font-weight: bold;
}
/* HEADER */

.generating-report-container {
  width: 100%;
  text-align: center;
  padding: 0px;
}
.breadcrumbs-fixed + .page-content {
    padding-top: 41px;
}
.info-row
{
      display: table-row;
}

.info-name
{
      text-align: right;
      display: table-cell;
      width: 50%;
      vertical-align: middle;
      font-weight: bold;
      padding: 6px 4px 6px 6px;
}

.info-value
{
      display: table-cell;
      padding: 6px 4px 6px 6px;
}


.navbar-logo {
    height: 44px;
    padding: 4px 0px;
}

.navbar .navbar-brand {
    padding-top: 3px;
    padding-bottom: 3px;
}

.no-skin .nav-list > li.active > a {
  font-weight: bold;
  color: #2184bc;
}

.ace-nav > li.light-blue > a {
  background-color: #2184bc;
}

.ace-nav > li.light-blue > a:hover,
.ace-nav > li.light-blue > a:focus,
.ace-nav > li.open.light-blue > a {
  background-color: #2184bc;
}

.no-skin .nav-list li.active > a:after {
  border-right-color: #2184bc;
  -moz-border-right-colors: #2184bc;
}

.no-skin .nav-list > li.active:after {
  border-color: #2184bc;
}

.navbar .navbar-toggle.pull-left {
    margin: 10px 0 4px 6px;
}

@media only screen and (min-width: 992px)
{
    .navbar-container {
        padding-left: 3px;
        padding-right: 10px;
    }

}

/* HEADER */

.burst-detail-window {
    position: absolute;
    background: #2284bc;
    color: white;
    padding: 20px;
    border-radius: 10px;
    right: 0;
    top: 0;
    box-shadow: -5px 6px 16px #888888;
    transition: all 0.5s ease;
    max-width: 100%;
}

.burst-detail-window > span {
    display:block;
    position: absolute;
    right: 10px;
    top: 10px;
    background: grey;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 50%;
    line-height: 20px;
    border: 4px solid white;
    font-size: 20px;
    color: white;
    box-shadow: none;
    padding: 0px;
    overflow: initial;
    cursor:pointer;
    z-index:500;
}

.report-detail-window {
    position: absolute;
    background: #2284bc;
    color: white;
    padding: 20px;
    border-radius: 10px;
    right: 30px;
    top: 0;
    box-shadow: -5px 6px 16px #888888;
    transition: all 0.5s ease;
    max-width: 100%;
    z-index:800;
}

.report-detail-window > span {
    position: absolute;
    right: 10px;
    top: 10px;
    background: grey;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 50%;
    line-height: 19px;
    border: 4px solid white;
    font-size: 20px;
    color: white;
    box-shadow: none;
    padding: 0px;
    overflow: initial;
    cursor:pointer;
    z-index:500;
}



.header {
  line-height: 28px;
  margin-bottom: 16px;
  margin-top: 18px;
  padding-bottom: 0px;
  border-bottom: none;
}


.no-skin .navbar .navbar-toggle {
  background-color: #2184bc!important;
}

.float-container-center {
    margin: auto;
    float: none!important;
}

.form-section-header {
    font-size:18px;
    margin-top: 10px;
}

.align-text-left {
    text-align:left!important;
}

.cloud4j-logo-sidebar {
    position: fixed;
    left: 25px;
    bottom: 10px;
    text-align: center;
    width: 125px;
    padding: 5px 22px;
    z-index:-1;
}

.cloud4j-logo-sidebar .popover {
    width: 200px;
    box-shadow: 0px 3px 11px 0px rgba(50,50,50,0.3);
    background: #2184BC;
    color: #FFF;
    border: 1px solid #2184BC;
    border-radius: 4px;
}
.cloud4j-logo-sidebar .popover.right > .arrow:after {
    border-right-color: #2184BC;
}
.cloud4j-logo-sidebar .popover.right > .arrow {
    border-right-color: #2184bc;
    border-right-color: #2184bc;
}

.menu-min .new-menu-icon {
    padding-left: 9px;
}

.new-menu-icon {
    padding-left: 8px;
    padding-right: 10px;
}

.menu-min .cloud4j-logo-sidebar {
    left: 0px;
    width: 42px;
    padding: 0px 3px;
}

/*vvvvvvvvvvvvvvv NAVBAR vvvvvvvvvvvvvvv*/
.light-blue {
    color: #68adde !important;
}
.ace-nav > li.light-blue > a {
    background-color: #68adde;
}
.ace-nav > li.light-blue > a:hover {
    background-color: #68adde;
}
.ace-nav > li.light-blue > a:active {
    background-color: #68adde;
}

.navbar-header a.navbar-brand {
  font-family: Oswald, sans-serif;
  font-weight: 300;
}

.navbar {
  background: #2184BC;
/*   z-index: 1010; */
}
.navbar-fixed-top + .main-container {
    padding-top: 50px;
}
/*^^^^^^^^^^^^^^ NAVBAR ^^^^^^^^^^^^^^*/

/*vvvvvvvvvvvvvvv ACE SETTINGS CONTAINER vvvvvvvvvvvvvvv*/

.ace-settings-container {
    top: 200px;
}

/*^^^^^^^^^^^^^^^ ACE SETTINGS CONTAINER ^^^^^^^^^^^^^^^*/


/*vvvvvvvvvvvvvvvvv FOOTER vvvvvvvvvvvvvvvvv*/

.terms-and-privacy-container {

}
.terms-and-privacy-container > a {

}

/*^^^^^^^^^^^^^^^^^ FOOTER ^^^^^^^^^^^^^^^^^*/


/*vvvvvvvvvvvvvvvvv HOME vvvvvvvvvvvvvvvvv*/

.enjoyhint {
    z-index: 1030;
}

.widget-toolbar > .btn.j-view-button-toggle {
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin-top: 0px;
    margin: 0px;
    border: #fff;
    font-size: 20px;
}

.j-infobox-container {
    border-radius: 8px;
    padding: 10px 10px;
    text-align: center;
    color: #5A5A5A;
    position: relative;
    cursor:pointer;
    box-shadow: -3px 0px 4px 0 rgba(0,0,0,.3)!important;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.j-infobox-container:hover {
    box-shadow: -5px 2px 4px 1px rgba(0,0,0,.5)!important;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.j-infobox-container.large-activity-box {
    border-radius: 8px;
    padding: 10px 10px;
    text-align: center;
    color: #5A5A5A;
    position: relative;
}
.j-infobox-container.small-activity-box {
    border-radius: 8px;
    padding: 10px 10px;
    text-align: center;
    color: #5A5A5A;
    position: relative;
}


.j-infobox-container.j-successful-activity {
    background: rgba(0, 204, 0, .7);
}
.j-infobox-container.j-unsuccessful-activity {
    background: rgba(255, 0, 0, .7);
}

.j-infobox-container.j-report-ran-activity {
    background:#9abc32;
}
.j-infobox-container.j-reports-downloaded-activity {
    background:#6fb3e0;
}
.j-infobox-container.j-reports-sent-activity {
    background:#7b68af;
}
.j-infobox-container.j-dashboard-ran-activity {
    background:#9abc32;
}
.j-infobox-container.j-dashboards-downloaded-activity {
    background:#6fb3e0;
}
.j-infobox-container.j-dashboards-sent-activity {
    background:#7b68af;
}
.j-infobox-container.j-agent-ran-activity {
    background:#9abc32;
}
.j-infobox-container.j-files-created-activity {
    background:#999999;
}
.j-infobox-container.j-email-sent-activity {
    background:#C86BFF;
}
.j-infobox-container.j-docusign-sent-activity {
    background:#C86BFF;
}
.j-infobox-container.j-file-uploaded-activity {
    background:#C86BFF;
}
.j-infobox-container.j-users-logged-in-activity {
    background:#2184BC;
}
.j-infobox-container.j-schedules-ran-activity {
    background:#2A8BCB;
}

.j-infobox-count {
    font-size: 21px;
    margin: 0px;
    position: relative;
    text-shadow: 1px 2px 0 rgba(0, 0, 0, 0.25);
    font-weight: bold;
    color: #FFFFFF;
}
.j-infobox-icon i.ace-icon {
    display: inline-block;
    height: 35px;
    margin: 0;
    padding: 1px 1px 0 2px;
    background-color: transparent;
    border-width: 0;
    text-align: center;
    position: relative;
    border-radius: 100%;
    -webkit-box-shadow: 1px 1px 0 rgba(0,0,0,0.2);
    box-shadow: 1px 2px 0 rgba(0,0,0,0.4);
    width: 35px;
    line-height:35px;
    font-size:1.5em;
}
.j-infobox-message {
    position:absolute;
    top: 10px;
    right: 10px;
}
.j-infobox-message i.ace-icon {
    cursor: pointer;
    padding: 4px;
    border-radius: 50%;
    padding: 7px 7px;
    color: #ffffff;
    background: red;
}
.j-infobox-message:hover {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}
.infobox {
    width: 270px;
}
.j-infobox-label {
    color:#ffffff;
    font-size: 15px;
}
.small-activity-box .j-infobox-count {
    font-size: 15px;
    margin: 0;
    position: relative;
    text-shadow: 1px 2px 0 rgba(0, 0, 0, 0.25);
    font-weight: bold;
    color: #FFFFFF;
}
.small-activity-box .j-infobox-icon {
    width:auto;
    float:left;
}
.large-activity-box .j-infobox-icon {
    width:auto;
    float:left;
}
.small-activity-box .j-infobox-icon i.ace-icon {
    display: inline-block;
    height: 30px;
    margin: 0;
    padding: 1px 1px 0 2px;
    background-color: transparent;
    border-width: 0;
    text-align: center;
    position: relative;
    border-radius: 100%;
    -webkit-box-shadow: 1px 1px 0 rgba(0,0,0,0.2);
    box-shadow: 1px 2px 0 rgba(0,0,0,0.4);
    width: 30px;
    line-height: 30px;
    font-size: 1em;
}

.small-activity-box .j-infobox-message {
    position:absolute;
    top: 10px;
    right: 10px;
}
.small-activity-box .infobox {
    width: 270px;
}
.small-activity-box .j-infobox-label {
    color: #ffffff;
    font-size: 13px;
}

.j-infobox-subactivity-row {
    text-align: center;
    padding: 10px;
    margin: 0 -20px;
}
.j-infobox-mainactivity-row {
    padding: 10px;
    margin: 0 -20px;
}
.j-infobox-subactivity-row .subactivity-box {
    display: inline-block;
    width:100%;
    position: relative;
    min-height: 1px;
    padding-left: 6px;
    padding-right: 6px;
    margin-bottom: 6px;
}
.j-infobox-mainactivity-row .main-activity-box {
    float:left;
    width:100%;
    position: relative;
    min-height: 1px;
    padding-left: 6px;
    padding-right: 6px;
    margin-bottom: 6px;
}

.j-infobox-message:hover i.ace-icon {
    border-width:2px;
}
.j-infobox-error-count {
    position: absolute;
    top: 10px;
    left: 45px;
    background: red;
    color: white;
    height: 23px;
    width: 23px;
    line-height: 23px;
    border-radius: 50%;
    font-weight: bold;
    cursor:pointer;
    box-shadow: 1px 2px 0 rgba(0,0,0,0.4);
}

.j-infobox-error-count:hover {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}



@media (min-width: 640px)
{
    .j-infobox-subactivity-row .subactivity-box {
        display: inline-block;
        width:50%;
        position: relative;
        min-height: 1px;
        padding-left: 6px;
        padding-right: 6px;
    }

    .j-infobox-mainactivity-row .main-activity-box {
        float:left;
        width:50%;
        position: relative;
        min-height: 1px;
        padding-left: 6px;
        padding-right: 6px;
    }
    .large-activity-box .j-infobox-icon {
        width:100%;
        float:none;
    }
    .j-infobox-count {
        font-size: 27px;
        margin: 2px 0 4px;
        position: relative;
        text-shadow: 1px 2px 0 rgba(0, 0, 0, 0.25);
        font-weight: bold;
        color: #FFFFFF;
    }
    .j-infobox-mainactivity-row {
        padding: 10px;
        margin: 0 -20px;
        max-width: 600px;
        float: none;
        margin: auto;
        margin-bottom:10px;
    }

}

@media (min-width: 1200px)
{
    .j-infobox-subactivity-row .subactivity-box {
        display: inline-block;
        width:20%;
        position: relative;
        min-height: 1px;
        padding-left: 6px;
        padding-right: 6px;
    }

    .j-infobox-subactivity-row .subactivity-box:nth-child(5),
    .j-infobox-subactivity-row .subactivity-box:nth-child(6),
    .j-infobox-subactivity-row .subactivity-box:nth-child(7) {
        width:20%;
    }
    .small-activity-box .j-infobox-icon i.ace-icon {
        height: 40px;
        width: 40px;
        line-height: 40px;
        font-size: 1.5em;
    }

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

    .j-infobox-subactivity-row .subactivity-box {
        width:10%;
        position: relative;
        min-height: 1px;
        padding-left: 6px;
        padding-right: 6px;
    }
    .j-infobox-subactivity-row .subactivity-box:nth-child(5),
    .j-infobox-subactivity-row .subactivity-box:nth-child(6),
    .j-infobox-subactivity-row .subactivity-box:nth-child(7) {
        width:10%;
    }

}
.j-infobox-container .tooltip-error + .tooltip > .tooltip-inner,
.j-infobox-container .tooltip.tooltip-error > .tooltip-inner {
  background-color: #FF0000;
  text-shadow: 1px 1px 0 rgba(60,100,20,0.3);
}
.j-infobox-container .tooltip-error + .tooltip.top .tooltip-arrow,
.j-infobox-container .tooltip.tooltip-error.top .tooltip-arrow {
  border-top-color: #FF0000;
  -moz-border-top-colors: #FF0000;
}
.j-infobox-container .tooltip-error + .tooltip.right .tooltip-arrow,
.j-infobox-container .tooltip.tooltip-error.right .tooltip-arrow {
  border-right-color: #FF0000;
  -moz-border-right-colors: #FF0000;
}
.j-infobox-container .tooltip-error + .tooltip.left .tooltip-arrow,
.j-infobox-container .tooltip.tooltip-error.left .tooltip-arrow {
  border-left-color: #FF0000;
  -moz-border-left-colors: #FF0000;
}
.j-infobox-container .tooltip-error + .tooltip.bottom .tooltip-arrow,
.j-infobox-container .tooltip.tooltip-error.bottom .tooltip-arrow {
  border-bottom-color: #FF0000;
  -moz-border-bottom-colors: #FF0000;
}

/*^^^^^^^^^^^^^^^^^ HOME ^^^^^^^^^^^^^^^^^*/





/*vvvvvvvvvvvvvvvvv WELCOME vvvvvvvvvvvvvvvvv*/
.jumbotron {
    border-radius: 6px;
    padding: 40px;
    margin-top: 15px;
    color:#676a6c;
    font-weight:light;
}
/*^^^^^^^^^^^^^^^^^ WELCOME ^^^^^^^^^^^^^^^^^*/


/*vvvvvvvvvvvvvvvvv LEAVE A MESSAGE CONTAINER vvvvvvvvvvvvvvvvv*/

.leave-us-a-message-modal.modal.aside-hz .modal-dialog {
    left: auto;
    right: 20px;
}
.leave-us-a-message-modal .modal-backdrop {
  top: auto;
}
.leave-us-a-message-modal.modal.aside-bottom .modal-content {
    border-width: 0;
    box-shadow: -1px 2px 2px 0 rgba(0, 0, 0, 0.15);
    border-radius: 8px 8px 0px 0px;
    background-clip: border-box;
}
.leave-us-a-message-modal.modal.aside-hz .aside-trigger {
    right: 20px;
    left: auto;
    width: auto;
    padding: 2px 15px;
    font-size: 14px;
}
.leave-us-a-message-modal .modal-body.container.message-container {
    width:400px;
    padding: 10px;
}
.leave-message-form input, .leave-message-form textarea {
    border-radius: 4px!important;
}
#send-leave-a-message-button {
    padding: 3px 10px;
}

.leave-a-message-fixed {
position: fixed;
    bottom: 0;
    right: 25px;
    border: 2px solid black;
    border-bottom: none;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    cursor: pointer;
    opacity: .6;
    background: #2a8bcb!important;
    background-image: -webkit-linear-gradient(top,#3b98d6 0,#197ec1 100%)!important;
    background-image: -o-linear-gradient(top,#3b98d6 0,#197ec1 100%)!important;
    background-image: linear-gradient(to bottom,#3b98d6 0,#197ec1 100%)!important;
    background-repeat: repeat-x!important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3b98d6', endColorstr='#ff197ec1', GradientType=0)!important;
    z-index: 10000;
    padding: 2px 10px;
}
.leave-a-message-fixed:hover {
    opacity: 1;
}
/*^^^^^^^^^^^^^ LEAVE A MESSAGE CONTAINER ^^^^^^^^^^^^^*/

/*vvvvvvvvvvvv REPORT VIEWS vvvvvvvvvvvv*/


.advanced-search-form-container {
    padding-top: 4px;
    max-width: 400px!important;
}

#clear-reports-search-button {
    cursor:pointer;
}

.page-action-title h2 {
  margin:5px;
}

.update-delete-section {
    margin: 8px 0px;
    text-align: center;
}
/*^^^^^^^^^^^^^^^ REPORT VIEWS ^^^^^^^^^^^^^^^^*/

#footerForReportOptions
{
    width:100%;
    padding: 10px;
    height:55px;
    position: fixed;
    bottom:0;
    background-color:#F2F2F2;
    border-style: solid;
    border-color: #CCC;
    border-width: 0 1px 0 0;
    white-space: nowrap;
    display: inline-block;
    overflow-y: hidden;
    overflow-x: scroll;
}

#footerForReportOptions span.customLabel
{
  float: inherit;
  margin-top: 3px;
  margin-right: 5px;
  font-size: small;
  vertical-align: super;
}

.downloadReportOptions
{
    width:100%;
    height:auto;
    padding: 10px;
    margin: 15px -20px;
}

.advancedOptions
{
   margin-left:-10px;
}

span#report-toggles-container span.customLabel
{
  float: inherit;
  margin-top: 3px;
  margin-right: 0;
  font-size: small;
  width:7%;
  vertical-align: super;
}
.scheduleReportOptions span.customLabel
{
  float: inherit;
  margin-top: 3px;
  margin-right: 0;
  font-size: small;
  width:9%;
  vertical-align: super;
}


span#report-toggles-container span.reportToggle, div.scheduleReportOptions
{
    width:100%;
}

div#format-controls span.reportToggle, span#report-toggles-container span.reportToggle
{
    margin-left: 5px;
    width:36%;
    display:inline-table;
}

div#format-controls span.reportToggle label, span#report-toggles-container span.reportToggle label
{
    float:right;
}

#footerForReportOptions span.reportToggle
{
    width:12%;
    padding: 10px;
}

input[type=checkbox].ace.ace-switch.ace-switch-6:checked + .lbl::before
{
    background-color:#468FCC;
}
@media (min-width: 600px)
{
   div#format-controls span.reportToggle, span#report-toggles-container span.reportToggle{width:28%;}
}

@media (min-width: 1200px)
{
   #footerForReportOptions{overflow-x: hidden;height:45px;}
   div#format-controls span.reportToggle, span#report-toggles-container span.reportToggle{width:auto;display:unset;}
   div#format-controls span.reportToggle label, span#report-toggles-container span.reportToggle label{float:unset;}
}

@media (min-width: 1800px)
{
    span.reportToggle{ width:12%;}
}

@media (min-width: 2500px)
{
    span#report-toggles-container div.reportToggle{ width:8%;}
    #footerForReportOptions span.reportToggle{ width:8%;}
    span#report-toggles-container span.customLabel{ width:50%;}
}

/*vvvvvvvvvvvv BUTTONS vvvvvvvvvvvv*/
.btn.btn-app.btn-sm {
  font-size: 14px;
  opacity: .8;
  margin: 0px;
}
#schedules-help-button-span
{
 padding:1px 9px;
 font-size: 14px;
}
.btn-round{
 border-radius: 8px;
}
.show-hide-button {
    cursor: pointer;
    padding: 3px 8px;
    background-color: #337ab7;
    color: white;
    text-decoration: none;
}
.show-hide-button:hover {
    cursor: pointer;
    padding: 3px 8px;
    background-color: #337ab7;
    color: white;
    text-decoration: none;
}
.help-content.btn.btn-cur.btn-xs{
border-radius: 8px;
}
.btn.btn-app.btn-xs {
  font-size: 12px;
  opacity:.8;
  margin: 0px;
}
.btn-xs>.ace-icon, .btn-mini>.ace-icon, .btn-minier>.ace-icon {
    margin-right: 0px;
}

.active-report-view {
    opacity: .4;
    cursor: default;
}
.active-report-action.btn.btn-sm, .active-report-action.btn.btn-xs {
  opacity: 1;
  font-weight: bold;
  background: white!important;
  border: 1px solid #9E9E9E;
  margin-bottom: 7px;
  padding: 3px 0px;
  border-radius: 4px;
  cursor: default;
  width: 25px;
}

.active-report-action.btn.btn-sm, .active-report-action.btn.btn-sm {
  opacity: 1;
  font-weight: bold;
  background: #d54c7e!important;
  border: 0px;
  margin-bottom: 7px;
  padding: 7px 7px;
  border-radius: 4px;
  cursor: default;
  width: 30px;
  height: 30px;
}

.active-report-action.btn-info {
  color: #68adde!important;
  border: 1px solid #68adde!important;
}
.active-report-action.btn-grey {
  color:#797979 !important;
  border: 1px solid #797979!important;
}
.active-report-action.btn-success {
  color:#85b558 !important;
  border: 1px solid #85b558!important;
}
.active-report-action.btn-danger {
  color:#d3413b !important;
  border: 1px solid #d3413b!important;
}
.active-report-action.btn-purple {
    color: #6f3cc4 !important;
    border: 1px solid #6f3cc4!important;
}
.active-report-action.btn-warning {
  color:#ffb44b !important;
  border: 1px solid #ffb44b!important;
}
.active-report-action.btn-primary {
    color: #428bca !important;
    border: 1px solid #428bca!important;
}

.report-page-actions-container {
  text-align: left;
  float: right;
}
.page-header h1 > a {
    margin-bottom: 4px;
    border: none!important;
    background-color: white!important;
    color: #616161!important;
}

.page-header h1 > ul {
    margin-bottom: 4px;
    border: none!important;
    background-color: white!important;
}
.page-header h1 > a:hover {
    margin-bottom: 4px;
    border: none!important;
    background-color: white!important;
    color: #616161!important;
}
.report-page-title-icon {

}

.btn.btn-bold:active {
    border-bottom-width: 1px;
    margin-bottom:1px;
}
.button-text-row.super-small {

}

.report-actions a.btn-inverse:hover,
.report-actions a.btn-inverse:active,
.open > .btn-inverse.dropdown-toggle,
.refresh-modal-button:hover,
.refresh-modal-button:active {
    background-color: #FFF !important;
    border-color: #FFF !important;
}
.report-actions a.btn-inverse,
.report-actions a.btn-inverse:focus,
.refresh-modal-button,
.refresh-modal-button:focus {
    background-color: #FFF !important;
    border-color: #FFF !important;
}
.refresh-activity a.btn-inverse,
.refresh-activity a.btn-inverse:focus,
.refresh-modal-button,
.refresh-modal-button:focus {
    background-color: transparent !important;
    border-color: transparent !important;
}
.refresh-activity a.btn-inverse:hover,
.refresh-activity a.btn-inverse:active,
.open > .btn-inverse.dropdown-toggle,
.refresh-modal-button:hover,
.refresh-modal-button:active {
    background-color: transparent !important;
    border-color: transparent !important;
}

.page-action-title a.btn-inverse {
    background-color: transparent !important;
    border-color: transparent !important;
}

.archivesRefresh.fa-lg
{
    color:#555555;
}

h4.modal-title a.refresh-modal-buttn,
h4.modal-title a i {
    color:#616161!important;
    border: none;
}
/*^^^^^^^^^^^^^^^^ BUTTONS ^^^^^^^^^^^^^^^^*/


/* SIGNING INTERFACE */


div.signing-modal
{
   postion:fixed!important;
}

div.signing-modal div.modal-content
{
    min-width:350px;
}

div#sig-text-with-intials
{
    width:80%;
    margin:auto;
    padding: 10px 0;
}

div#sig-text-with-intials input#name
{
    width:73%;
    margin:10px 10px 10px 0;
}

div#sig-text-with-intials input#initials
{
    width:10%;
    margin: 10px 0 10px 10px
}


div#navbar.signatureNavbar
{
    background: #FFF;
    margin: 0;
    padding-left: 0;
    padding-right: 0;
    border-width: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 45px;
    z-index:100;
    width:100%;
    position:fixed;
    border-bottom:1px solid lightgray;
}

div#side-panel
{
    height:100%;
    position:fixed;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
     overflow-y: auto;
}
#signing-interface-modal-dialog.modal-dialog
{
    top:45px;
}


#right-menu.signing-interface-modal
{
    top:45px;
}

#signingInterfaceModal div#side-panel-container
{
    width:230px;
    height:100%;
    padding-left: 15px;
    margin:auto;
    float:right;
    position:absolute;
    right: 10px;
    top:0;
}

.documentPage
{
    display: table;
    margin: 0 auto;
}

img.sidePanelImage
{
    border: solid 2px transparent;
    transition: transform .2s;
    margin: 0 auto;
    margin-left:25px;
}

img.sidePanelImage:hover
{
    border-color:#428BCA;
    transform: scale(1.3);
}
span.signHereText
{
    display: inline-block;
}

div.signature-required-label span.arrowed-right
{
    left:-120px;
}

#signingInterfaceModal.modal-content
{
    background-clip: border-box;
}
#right-menu.signing-interface-modal ::-webkit-scrollbar
{
    display: none;
}

#thumbnailSliderButton
{
    top: 0;
}

#signing-interface-header-buttons button
{
    margin: 5px 10px;
}

#reset-signatures-button
{
    display:none;
}

div#side-panel-container h4
{
    color:black;
}

div.signing-modal div.modal-dialog  div.modal-footer button.btn
{
    color:black !important;
    font-weight:bold !important;
}

div.signing-modal div.modal-dialog  div.modal-footer button.btn.cancelButton
{
    color:white !important;
    font-weight:normal !important;
}



@media (max-width: 1000px) {
    span.signHereText { display: none; }
    div.signature-required-label span.arrowed-right { left:-32px; }
    .documentPage{ padding-left:20px;}
    div#sig-text-with-intials input#name{width:100%;}
    div#sig-text-with-intials input#initials{width:100%;margin:10px 10px 10px 0;}
}

@media (max-width: 850px) {
    .documentPage{ margin:0;}
}

/*
    Below is for scaling down the documents on different screen sizes
*/
/* @media (max-width: 800px) { */
/*     .documentPage{transform-origin: 0% 0%; transform: scale(0.666666, 0.666666);} */
/* } */

/* @media (max-width: 500px) { */
/*     .documentPage{transform-origin: 0% 0%; transform: scale(0.333333, 0.333333);} */
/* } */

@media (max-width: 500px) {
    #signing-interface-header-buttons{margin-right:0;}
    .documentPage{ margin:0;}
    div#signature-box{width:100%;}
    div#signature-text-with-intials{width:100%;}
}


/* DATA SOURCE WIZARD */

img.data-source-icon
{
    border:solid 1px #B5B5B5;
    padding:10px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

img.data-source-icon.selected
{
    border:solid 4px #68ADDE;
    padding:7px;
    opacity:1;
}

span.data-source-icon-name.selected
{
    opacity:1;
}

img.data-source-icon.notSelected
{
    border:solid 1px #B5B5B5;
    padding:10px;
    opacity:.5;
}

span.data-source-icon-name.notSelected
{
    opacity:.5;
}

img.data-source-icon:hover
{
    border:solid 4px #68ADDE;
    padding:7px;
}

div.data-source-outer-container
{
    display:inline-block;
    padding:0 50px 25px 0;
    width:175px;
    position: relative;
    overflow: hidden;
}

span.data-source-icon-name
{
    display:block;
    text-align:center;
    padding:5px;
    font-weight:bold;
    font-size:12px;
    color:#777777;
}


/*  DASHBOARD BUILDER */
div.grid-stack-item-content .custom-dashboard-spinner
{
    position:absolute;
    top:48%;
    transform:translateY(-52%);
    left:48%;
    transform:translateX(-52%);
}


/* CUSTOM REPORTS WIZARD */

table#fieldConfigurationsList
{
    width: 70%;
}

select#filters.custom-multi-select{
    height:200px;width:100%;
}

div.customReportFilterSelects
{
    width:25%;
    float:left;
    padding:0px 4px;
    margin-bottom:10px;
}

#updatedFieldName{
    text-decoration: none;
    cursor: default;
    color: #858585;
    font-style:italic;
}

option.tableLabel{
    background-color: #6FB3E0;
    color: white;
    font-weight: 900;
}

select.custom-multi-select{
    width: 60%;
    height: 300px;
}
#includeArchive{
    margin-top:12px;
}
#removeDuplicates{
    margin-top:12px;
}

select.custom-multi-select option:focus,
select.custom-multi-select option:hover{
background-color:#6FB3E0;

}
#field-selection-button-section{
    padding:0px 2.2%;
}

.report-filter-field, .report-filter-value, .sort-order-option, .sort-order-nulls
{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-weight:normal;
    z-index: 10;
}

.report-filter-field:hover, .report-filter-value:hover, .sort-order-option:hover, .sort-order-nulls:hover
{
    overflow: visible;
    white-space: nowrap;
}

.custom-order-index-wrapper, .custom-filter-index-wrapper
{
    width:5%;
    padding: 3px 10px;
}
span.aggregate-label
{
    font-weight:200px;
}

div.selected-aggregates-section
{
    margin-bottom:10px;
}

span.aggregate-field-name
{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.recipient-wrapper, .filter-wrapper
{
    width:100%;
    background: #FFF;
    padding: 3px 10px;
    border: 1px solid lightgrey;
    border-radius: 7px;
    font-size: 12px;
    font-weight: bold;
    line-height: 30px;
    display: block;
    margin:10px 0px;
    height:40px;
}
.recipient-wrapper
.delete-icon,
.filter-wrapper
.delete-icon
{
    float: right;
    margin-top: 9px;
}

.report-orderby-wrapper, .filter-wrapper
{
    background: #FFF;
    padding: 3px 10px;
    border: 1px solid lightgrey;
    border-radius: 7px;
    font-size: 12px;
    font-weight: bold;
    line-height: 30px;
    display: block;
    margin:10px 0px;
    height:40px;
}
.report-orderby-wrapper
.delete-icon,
.filter-wrapper
.delete-icon
{
    float: right;
    margin-top: 9px;
}

input#filters,
select#filters,
select.operator-select,
select#sortOrder,
select#nullOrder {
    height:32px;
}

input.aggregateCheckbox
{
    margin: 6px 4px;
    padding: 0 4px;
}

.custom-aggregate-selection-section{
margin-left: -12px;
padding-top:5px;
}

.aggregateCheckboxSection{
    width:auto;
    float:left;
    padding-top:8px;
     margin: 3px 4px;
     font-size: 12px;
}
.custom-aggregate-delete-section{
    padding-top:5px;
}
p.selectedField
{
    font-style: italic;
    color: rgba(39, 39, 39, 0.4);
}
.detail-section
{
    background: #FFF;
    padding: 3px 10px;
    border: 1px solid lightgrey;
    border-radius: 7px;
    font-size: 12px;
    font-weight: bold;
    line-height: 30px;
    display: block;
    margin:0 0 10px 0;
    height:40px;
}
.empty-configuration
{
    color:black;
}
p.filter-name
{

    margin-top:5px;
    margin-left:-13px;
    padding-left:10px;
    font-size:14px;
    color: black;
/*     opacity:.4; */
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;

}
div#add-filter-name, div#add-sort-order-name
{
       height: 32px;
       border: 1px solid #999;
       opacity:.4;
       background-color: lightgrey;
}
#selectFieldsOptions, #fields
{
overflow:auto;
border: 1px solid lightGrey;
width:100%; height:350px;
white-space:nowrap;
}
#fieldOptions, #sortOrderfieldOptions
{
overflow:auto;
border: 1px solid lightGrey;
width:100%; height:200px;
white-space:nowrap;
margin-right:10px;
}

h5.tableLabel
{
height:25px;
width:auto;
padding:5px 10px;
background-color: #6FB3E0;
color: white;
font-weight:900;
margin:1px;
cursor: default;
}
p.fields
{
padding:1px;
}
p.choosenFields
{
padding-left:10px;
}

a.getFields
{
    font-size:10px;
    font-weight:bold;
    font-style: italic;
    text-decoration:none;
}

h5.tableLabel, .disable-select {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none;   /* Chrome/Safari/Opera */
    -khtml-user-select: none;    /* Konqueror */
    -moz-user-select: none;      /* Firefox */
    -ms-user-select: none;       /* Internet Explorer/Edge */
    user-select: none;           /* Non-prefixed version, currently supported by any browser but < IE9 */
}

p
{
    width:auto;
}
#button-section
{
    padding-left:2%;
    height:300px;
}

#movefieldsButtonSection
{
  margin-left:-1%;
  height:300px;
}

#removeAllButton
{
    position:absolute;
    top:270px;
    width:50px;
    font-size:18px;
}
#moveSelectedButton
{
    position:absolute;
    top:30px;
    width:50px;
    font-size:18px;
}
#removeSelectedButton
{
    position:absolute;
    top:90px;
    width:50px;
    font-size:18px;
}

#moveFieldToTop
{
    position:absolute;
    top:30px;
    width:50px;
    font-size:18px;
}

#moveFieldUp
{
    position:absolute;
    top:120px;
    width:50px;
    font-size:18px;
}

#moveFieldDown
{
    position:absolute;
    top:180px;
    width:50px;
    font-size:18px;
}

#moveFieldToBottom
{
    position:absolute;
    top:270px;
    width:50px;
    font-size:18px;
}

#formattingTable
{
    margin:0 50px;
}

div.field-selection-section
{
    width:40%;
}

.filter-fields
{
    width:17.5%;
}
#filterLogic
{
    width:47.5%;
}

@media (min-width: 768px)
{


}

@media (min-width: 1200px)
{


}

@media (min-width: 1800px)
{
    select.custom-multi-select { width: 98%; height: 350px;}
    #field-selection-button-section{ padding:0px 2.5%;}
    select.custom-multi-select option:focus,
    select.custom-multi-select option:hover{ background-color:#6FB3E0;}
    .filter-wrapper, .report-orderby-wrapper{width:85%;}
    .filter-wrapper, .recipient-wrapper{width:100%;}
     #selectFieldsOptions, #fields {width:98%; height:490px }
     #button-section, #movefieldsButtonSection{height:450px;}
     div.field-selection-section{width:33.5%;}
     .filter-fields {width:13.8%;}
     #filterLogic{width:32.3%;}
     #moveSelectedButton{ top:50px;}
     #removeSelectedButton{ top:110px;}
     #removeAllButton{top:380px;}
     #moveFieldToTop{ top:50px;}
     #moveFieldUp{ top:175px;}
     #moveFieldDown{ top:235px;}
     #moveFieldToBottom{top:380px;}
     table#fieldConfigurationsList{width: 40%;}
     div.customReportFilterSelects{width:20%;}
     #formattingTable{margin:0 25px;}
}


/* CUSTOM REPORTS PAGE */
/* CUSTOM REPORTS PAGE */



/* REPORT FOLDERS VIEW */

.tree .tree-branch {
    text-align:left;
}
.report-view-icon-container > a {
    margin-right:2px;
    width: 55px;
}


.report-folder-opened .tree-label {
    font-weight: bold;
    color: #2184BC;
}
.folders-list-container {
    padding-right: 0px;
    border-right: 1px solid lightgrey;
    overflow:auto;
    min-height:400px;
}
.folders-table-container {
  padding-left:0px;
}
.report-folder-opened:after {
    display: block;
    content: "";
    position: absolute;
    right: 0;
    top: 4px;
    border: 8px solid transparent;
    border-width: 14px 10px;
    border-right-color: #2184bc;
}
/* REPORT FOLDERS VIEW */

/******** RUN REPORT PAGE *********/
.modal.aside-vc.navbar-offset .modal-dialog .aside-trigger {
    top: 19px;
    padding: 7px;
    width: 40px;
}
.chart-container .popover,
.report-chart-configure .popover {
    width: 400px;
    box-shadow: 0px 3px 11px 0px rgba(50,50,50,0.3);
    background: #ffffff;
    color: #333;
    border: 1px solid #2184BC;
    border-radius: 4px;
}
.chart-container .popover.left > .arrow:after {
    border-left-color: #FFFFFF;
}
.chart-container .popover.left > .arrow {
    border-left-color: #2184bc;
    border-left-color: #2184bc;
}

.chart-container .popover.right > .arrow:after {
    border-right-color: #FFFFFF;
}
.chart-container .popover.right > .arrow {
    border-right-color: #2184bc;
    border-right-color: #2184bc;
}

.exit-full-screen-icon {
    position: absolute;
    right: 20px;
    top: 0px;
    font-size: 30px;
    opacity: .2;
    cursor: pointer;
    -webkit-transition: opacity 1s, -webkit-transform 1s;
    transition: opacity 1s, transform 1s;
    z-index: 800;
    line-height: 32px;
}
#reportHtmlContainer:hover .view-full-screen-icon {
    opacity: .5;
    color:#000;
    -webkit-transition: opacity 1s, -webkit-transform 1s;
    transition: opacity 1s, transform 1s;
}
.view-full-screen-icon:hover {
    opacity: 1;
    color:#000;
    -webkit-transition: opacity 1s, -webkit-transform 1s;
    transition: opacity 1s, transform 1s;

}
.exit-full-screen-icon:hover {
    position: absolute;
    right: 20px;
    top: 0px;
    font-size: 30px;
    opacity: 1;
    cursor: pointer;
    -webkit-transition: opacity 1s, -webkit-transform 1s;
    transition: opacity 1s, transform 1s;
    z-index: 800;
    line-height: 32px;
}
.fa-rotate-180 {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.fix-to-full-screen {
    position: fixed;
    top: 0px;
    z-index: 99999;
    left: 0px;
    width:100%;
    right:0px;
    padding-top: 10px !important;
    bottom: 0px;
}

#report-chart-configure,
.report-chart-configure {
    cursor: pointer;
    background: white;
    border-radius: 50%;
    padding: 0px;
    margin: 4px;
    height: 20px;
    width: 20px;
    text-align: center;
    line-height: 20px;
    box-shadow: 0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05);
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    color: #000;
}

a.component-operations
{
    cursor: pointer;
    padding: 0px;
    margin: 4px;
    height: 20px;
    width: 20px;
    text-align: center;
    line-height: 20px;
    position: absolute;
    z-index: 1;
    color: #000;
    text-decoration:none;
}


#report-chart-configure:hover,
.report-chart-configure:hover {
    -webkit-transform: scale(1.04);
    -ms-transform: scale(1.04);
    -o-transform: scale(1.04);
    transform: scale(1.04);
}

#configure-report-chart-form input,
#configure-report-chart-form select {
    width: 60%;
    max-width:60%;
}

#configure-report-chart-form input.colorvalue,
#dashboardConfigurationForm input.colorvalue {
    max-width:200px;
}

#configure-report-chart-form input[type="radio"],
#configure-report-chart-form input[type="checkbox"] {
    width:auto;
}
.j-tab-has-errors {
    position: absolute;
    top: -8px;
    left: 0px;
    z-index: 1;
    height: 20px;
    width: 20px;
    line-height: 20px;
    background: red;
    color: white;
    text-align: center;
    border-radius: 50%;
    opacity: 1;
}
div.disabled-units {
    background: #E2E2E2;
    border-radius: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    color: #858585;
    border: 1px solid #d5d5d5;
    height: 35px;
    line-height: 32px;
    text-align: left;
    margin: 0;
    display: inline-block;
    padding-left: 9px;
    font-size: 12px;
}

.color-position-label[contenteditable="0"],
.color-position-label[contenteditable="false"] {
    padding-top:7px;
}
.color-position-label[contenteditable="true"] {
    border-radius: 0 !important;
    color: #858585;
    background-color: #ffffff;
    border: 1px solid #d5d5d5;
    padding: 5px 4px 6px;
    font-size: 14px;
    font-family: inherit;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
}
.page-header h1 > a.add-chart-button {
    border: 1px solid grey!important;
    border-radius: 18px;
    padding: 2px 15px;
    transition: all .2s;
}
.page-header h1 > a.add-chart-button:hover {
    border: 1px solid lightgrey!important;
    border-radius: 18px;
    padding: 2px 15px;
    background-color:grey!important;
    color:white!important;
    transition: all .2s;
}

.add-chart-button {
    border: 1px solid grey!important;
    background-color: white!important;
    color: #616161!important;
    border-radius: 18px;
    padding: 2px 15px;
    transition: all .2s;
}

/******** RUN REPORT PAGE *********/

/********* CONFIGURE REPORT PAGE *********/

.configure-margin-container {
    position: relative;
    height: 200px;
    width: 300px;
    border-style: solid;
    border-color: #2184BC;
    border-top-width: 20px;
    border-bottom-width: 20px;
    border-left-width: 20px;
    border-right-width: 20px;
    margin: 25px 0 25px 65px;
}
.chart-type-box {
    width: 80px;
    height: 80px;
    float: left;
    margin-right: 10px;
    text-align: center;
    font-size: 10px;
    line-height: 80px;
    white-space: nowrap;
    overflow: hidden;
    color: white;
    color: #2184bc;
    cursor: pointer;
    border: 1px solid #d4d4d4;
    border-radius: 8px;
}
.chart-type-box img {
    opacity:.6;
}
.chart-type-box.active img {
    opacity: 1;
}
.chart-type-box.active {
    color: white;
    font-weight: bold;
    background:#d4d4d4;
}

.chart-subtype-box {
    width: 80px;
    height: 80px;
    float: left;
    margin-right: 10px;
    text-align: center;
    font-size: 10px;
    line-height: 80px;
    white-space: nowrap;
    overflow: hidden;
    color: white;
    color: #2184bc;
    cursor: pointer;
    border: 1px solid #d4d4d4;
    border-radius: 8px;
}
.chart-subtype-box.active {
    color: white;
    font-weight: bold;
    background:#d4d4d4;
}
.chart-subtype-box.inactive {
    opacity: .3;
    cursor: not-allowed;
}

/********* CONFIGURE REPORT PAGE *********/

/******** EMAIL PAGE *********/

.item-container {
  position: relative;
  margin: 3px 5px 3px 0;
  padding: 6px 10px 6px 5px;
  border: 1px solid #aaa;
  max-width: 100%;
  border-radius: 3px;
  background-color: #eee;
  background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),color-stop(100%,#eee));
  background-image: -webkit-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);
  background-image: -moz-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);
  background-image: -o-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);
  background-image: linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);
  background-size: 100% 19px;
  background-repeat: repeat-x;
  background-clip: padding-box;
  box-shadow: 0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05);
  color: #333;
  line-height: 13px;
  cursor: default;
  float: left;
}

.item-container-non-input {
  position: relative;
  margin: 0px 5px 3px 0;
  padding: 6px 10px 6px 5px;
  border: 1px solid #aaa;
  max-width: 100%;
  border-radius: 3px;
  background-color: #eee;
  background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),color-stop(100%,#eee));
  background-image: -webkit-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);
  background-image: -moz-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);
  background-image: -o-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);
  background-image: linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);
  background-size: 100% 19px;
  background-repeat: repeat-x;
  background-clip: padding-box;
  box-shadow: 0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05);
  color: #333;
  line-height: 13px;
  cursor: default;
  float: left;
}

.item-overall-container {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 5px 5px;
  width: 100%;
  height: auto!important;
  border: 1px solid #aaa;
  background-color: #fff;
  background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(1%,#eee),color-stop(15%,#fff));
  background-image: -webkit-linear-gradient(#eee 1%,#fff 15%);
  background-image: -moz-linear-gradient(#eee 1%,#fff 15%);
  background-image: -o-linear-gradient(#eee 1%,#fff 15%);
  background-image: linear-gradient(#eee 1%,#fff 15%);
}



@media (min-width: 768px)
{
.user-modal.modal-dialog {width: 700px;margin: 30px auto;}
}

@media (min-width: 992px)
{
.user-modal.modal-dialog {width: 900px;margin: 30px auto;}
}

@media (min-width: 1200px)
{
.user-modal.modal-dialog {width: 1100px;margin: 30px auto;}
}

.form-group.section-title label h4{
  font-weight: bold;
  color:#68adde;
}
/******** EMAIL PAGE *********/


/******** SCHEDULES *********/
.frequency-configurations-container {
  float: left;
  padding: 4px 25px 4px 25px;
  background-color: rgb(242, 242, 242);
  border: 1px solid gray;
  border-radius: 10px;
}

.datatables-popover-icon {
    padding: 1px 8px;
    margin: 0px;
    border: none;
    border-radius: 11px;
}

#usersList .popover.fade.left.in{
        max-width:100%;
}

#runningUsersList .popover.fade.left.in{
        max-width:100%;
}

.schedule-format-detail-page-box {
    border-radius: 0 !important;
    color: #858585!important;
    padding: 7px 4px 0px;
    font-size: 14px;
    font-family: inherit;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
}

.checkbox-not-editable {

}

.running-users-item-container {
  font-weight: bold;
}
.read-only-input input {
    border: 1px solid #fff;
    padding-top: 7px;
}
.form-group {
    margin-bottom: 10px;
}

table.data-table i.fa-info-circle {
    color: #2184BC;
    font-size: 18px;
    margin-top: 2px;
}
i.fa-info-circle {
    color: #2184BC;
    font-size: 18px;
}

.report-is-scheduled {
    margin-left:15px;
}

[class*=widget-color-]>.widget-header>.widget-toolbar a {
  color:white;
}

div#j-animation-new {
    position: fixed;
    top: 50px;
    right: 100%;
    text-align: center;
    -webkit-animation: mymove 2s;
    animation: mymove 2s;
    animation-delay: 2s;
    color: #fff;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 4px 10px;
}
.arrow_box {
    position: fixed;
    background: #00cc00;
    border: 4px solid #00cc00;
}
.arrow_box:after, .arrow_box:before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box:after {
    border-color: rgba(0, 213, 21, 0);
    border-left-color: #00cc00;
    border-width: 26px;
    margin-top: -26px;
}
.arrow_box:before {
    border-color: rgba(47, 245, 212, 0);
    border-left-color: #00cc00;
    border-width: 32px;
    margin-top: -32px;
}

/* /* Chrome, Safari, Opera */ */
/* #j-animation-new {-webkit-animation-timing-function: ease-out;} */

/* /* Standard syntax */ */
/* #j-animation-new {animation-timing-function: ease-out;} */

/* /* Chrome, Safari, Opera */ */
/* @-webkit-keyframes mymove { */
/*     from {right: 50%;} */
/*     to {right: 120px;} */
/* } */

/* /* Standard syntax */ */
/* @keyframes mymove { */
/*     from {right: 50%;} */
/*     to {right: 120px;} */
/* } */

.widget-body {
    max-height:initial;
}
.widget-body.widget-collapsed {
    max-height:300px;
    overflow:hidden;
    position:relative;
    padding-bottom: 55px;
    transition: all 1s;
}
.widget-body.widget-collapsed.open {
    max-height:initial;
    transition: all 1s;
}

.see-all-widget {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    height: 40px;
    line-height: 40px;
    background: #CACACA;
    color: white;
    width: 100%;
    text-align: center;
    z-index: 10;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 2px;
    border: 1px solid #CACACA;
    cursor:pointer;
}
.see-all-widget:hover {
    background: #7D7D7D;
    border: 1px solid #7D7D7D;
    transition: all 1s;
}

.tab-content {
    padding: 0px;
}

.report-format.tab-content {
    padding: 9px;
}

.tab-content.configure-report-chart {
    padding:10px;
}
/******** SCHEDULES *********/



/* DOWNLOADS */

.form-horizontal .radio, .form-horizontal .checkbox {
    min-height: 27px;
    margin-bottom: 13px;
}

/******** HISTORY PAGE *********/
.download-format-image {
    width:60px;
}
/******** HISTORY PAGE *********/

/*vvvvvvvvvvvv REPORT FORMATS vvvvvvvvvvvv*/
 div.tabs-left.affix{
     top: 50px;
 }

.report-format-actions {
    padding-top: 11px;
    padding-bottom: 6px;
}

.schedule-format-detail-row {
  width:100%;
  float: left;
  margin-bottom:10px;
}

.schedule-format-detail-title {
    font-weight: normal;
    font-size: 14px;
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px;
    font-weight: bold;
}

.schedule-preview-input-title {
    font-weight: normal;
    font-size: 14px;
    text-align: right;
    margin-bottom: 0;
    padding-top: 12px;
    font-weight: bold;
}

.form-horizontal .form-group label.control-label {
  font-weight: bold;
}

#add-report-format-form .form-group select,
#add-report-format-form .form-group textarea,
#add-report-format-form .form-group input[type="text"],
#add-report-format-form .form-group input[type="password"],
#add-report-format-form .form-group input[type="datetime"],
#add-report-format-form .form-group input[type="datetime-local"],
#add-report-format-form .form-group input[type="date"],
#add-report-format-form .form-group input[type="month"],
#add-report-format-form .form-group input[type="time"],
#add-report-format-form .form-group input[type="week"],
#add-report-format-form .form-group input[type="number"],
#add-report-format-form .form-group input[type="email"],
#add-report-format-form .form-group input[type="url"],
#add-report-format-form .form-group input[type="search"],
#add-report-format-form .form-group input[type="tel"],
#add-report-format-form .form-group input[type="color"] {
    background: #FFF;
    height: 35px;
}
@media (max-width: 1200px) {
    .form-horizontal .form-group label.control-label {
      font-weight: normal;
      font-size:12px;
    }
    #add-report-format-form .form-group select,
    #add-report-format-form .form-group textarea,
    #add-report-format-form .form-group input[type="text"],
    #add-report-format-form .form-group input[type="password"],
    #add-report-format-form .form-group input[type="datetime"],
    #add-report-format-form .form-group input[type="datetime-local"],
    #add-report-format-form .form-group input[type="date"],
    #add-report-format-form .form-group input[type="month"],
    #add-report-format-form .form-group input[type="time"],
    #add-report-format-form .form-group input[type="week"],
    #add-report-format-form .form-group input[type="number"],
    #add-report-format-form .form-group input[type="email"],
    #add-report-format-form .form-group input[type="url"],
    #add-report-format-form .form-group input[type="search"],
    #add-report-format-form .form-group input[type="tel"],
    #add-report-format-form .form-group input[type="color"] {
        height:30px;
        font-size:12px;
    }
    .btn-colorpicker {
        width: 30px;
        height: 30px;
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px;
        border: 1px solid #BFBFBF;
    }
    label {
        font-size:12px;
    }
    div.disabled-units {
        height: 30px;
        line-height: 28px;
        font-size: 12px;
    }
}

.schedule-format-detail-title.detail-section-header {
    font-weight: bold!important;
    color: #68adde;
}
.form-checkbox-padding {
  padding-top:8px;
}

.contain-form-object {
  max-width:400px;
  margin-bottom:10px;
}

.contain-form-object i.fa-exclamation-triangle {
    margin: 10px 0px 0px 10px;
}

.report-format-image-preview {
    max-width:250px;
    -webkit-box-shadow: 2px 2px 7px 0px rgba(0,0,0,1);
    -moz-box-shadow: 2px 2px 7px 0px rgba(0,0,0,1);
    box-shadow: 2px 2px 7px 0px rgba(0,0,0,1);
    padding:10px;
}

.color-preview-box {
    padding: 2px 10px;
    border-radius: 4px;
    margin-left: 10px;
}

.preview-style1 .preview-image {
  float:left;
  width:100%;
}
.preview-style2 .preview-image {
  float:right;
  width:50%;
  text-align:right;
}
.preview-style3 .preview-image {
  float:left;
  width:100%;
}
.preview-style1 .preview-title {
  float:left;
  width:100%;
}
.preview-style2 .preview-title {
  float:left;
  width:50%;
  text-align:left;
}
.preview-style3 .preview-title {
  float:left;
  width:100%;
}
.preview-style1 .table-striped > tbody > tr td.style-alternatingRowColor {
    background-color:#ffffff !important;
}
.preview-style1 .table-striped > tbody > tr:nth-child(odd) {
    background-color:#ffffff !important;
}
.preview-style2 .table-striped > tbody > tr td.style-alternatingRowColor {
    background-color:#ffffff !important;
}
.preview-style2 .table-striped > tbody > tr:nth-child(odd) {
    background-color:#ffffff !important;
}
.preview-style2 tr {
    border:1px solid #000000;
}


.preview-header-section {
    margin-bottom:15px;
}
.formatting-panel {
    border-right: 1px solid #D8D8D8;
}
.formatting-panel .contain-form-object {
    max-width:initial;
}
.formatting-panel .contain-form-object select, .formatting-panel .contain-form-object input {
    max-width: 310px;
}
.format-preview-headline {
font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 25px 0px;
    font-weight: lighter;
    color: #2184BC;
}
.preview-footer {
    margin-top: 30px;
}
.preview-footer .page-numbers-preview {
    float: left;
}
.preview-footer .date-time-preview {
    float:right;
}
.formatting-preview-container {
    padding: 0px 10px 40px 10px;
    margin-bottom: 30px;
    padding-left: 40px;
}
.formatting-panel .popover {
    min-width:350px;

}
#add-report-format-form.form-horizontal .control-label {
    text-align: left;
    margin-bottom: 0;
    padding-top: 7px;
}

@media (min-width: 1200px) {
    #add-report-format-form.form-horizontal .control-label {
        text-align: left;
        margin-bottom: 0;
        padding-top: 7px;
    }
}
/*^^^^^^^^^^^^ REPORT FORMATS ^^^^^^^^^^^^*/

/*vvvvvvvvvvvvvvv REPORT BUILDER SUBSCRIPTIONS vvvvvvvvvvvvvvv*/

.active-subscription .pricing-box-small {
    box-shadow: initial;
    z-index: 11;
    -webkit-transform: scale(1.04);
    -ms-transform: scale(1.04);
    -o-transform: scale(1.04);
    transform: scale(1.04);
}
.active-subscription .pricing-box-small:hover {
    box-shadow: initial;
    z-index: 13;
    -webkit-transform: scale(1.04);
    -ms-transform: scale(1.04);
    -o-transform: scale(1.04);
    transform: scale(1.04);
    cursor:default;
}
.active-subscription .pricing-box-small:hover .price > .label {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.pricing-box-small:hover {
    box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.15);
    z-index: 12;
    -webkit-transform: scale(1.04);
    -ms-transform: scale(1.04);
    -o-transform: scale(1.04);
    transform: scale(1.04);
}

.pricing-span {
     width:20%;
     max-width: inherit !important;
/*      width: min-content; */
     cursor: pointer;
}

.widget-color-blue {
    border: none;
}

.active-subscription .pricing-box-small .btn-success:hover {
    background-color: #87b87f !important;
    border-color: #87b87f;
    cursor:default!important;
}

.profile-info-name {
    width: 125px;
}
.profile-user-info {
    width: 100%;
}

.payment-method-container {
    max-width: 530px;
    border: 1px solid #307ECC;
    padding: 0px 15px 0px 15px;
    background-color: whitesmoke;
    position: relative;
}
.payment-type {
    font-size: 16px;
    font-weight: 300;
    text-align: center;
    background-color: #307ECC;
    margin: 0px -15px;
    color: white;
    padding: 5px;
}
.payment-details {
    padding: 20px 0px;
}

.edit-payment-details-button {
    position: absolute;
    bottom: 0px;
    right: 0px;
}

.edit-payment-details-button a {
    padding: 1px 20px;
    margin: 0px;
    border: none;
}
.credit-card-number-span {
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 1px;
    margin-left: 2px;
}

div.country-select-container .chosen-container.chosen-container-single
{
    width:100% !important;
}

/*^^^^^^^^^^^^^^^^^ REPORT BUILDER SUBSCRIPTIONS ^^^^^^^^^^^^^^^^^*/




/*vvvvvvvvvvvvvvv REPORT BUILDER FAQ SECTION vvvvvvvvvvvvvvv*/

.accordion-style1.panel-group .panel-heading .accordion-toggle {
    line-height: 1.5;
}
.admin-faq-edit-button {
    position: absolute;
    top: 50%;
    left: -20px;
    margin-top: -10px;
}
.nav-tabs > li {
    width: 135px;
}
.nav-tabs.tab-size-bigger > li > a {
    padding: 8px 4px;
    text-align: center;
}

.nav-tabs > li > a:active,
.nav-tabs > li > a:focus,
.nav-tabs > li > a
{
    padding:8px 4px;
    outline: none !important;
    text-align: center;
}

/*^^^^^^^^^^^^^^^^^ REPORT BUILDER FAQ SECTION ^^^^^^^^^^^^^^^^^*/


/****************** HELP MODAL ******************/
.modal.aside-right .aside-trigger.btn.ace-settings-btn.j-help-button {
    font-size: 10px;
    top: 50px;
    height: 41px;
    border-radius: 50% 0 0 50%;
    box-shadow: -3px 0px 4px 0 rgba(0,0,0,.3)!important;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.modal.aside-right .aside-trigger.btn.ace-settings-btn.j-help-button:hover {
    box-shadow: -5px 0px 4px 1px rgba(0,0,0,.3)!important;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

.modal.aside-right .aside-trigger.btn.ace-settings-btn.j-help-button-onpremise {
    font-size: 25px;
    top: 5px;
    height: 41px;
    border-radius: 50% 0 0 50%;
    box-shadow: -3px 0px 4px 0 rgba(0,0,0,.3)!important;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;    padding: 0px;
}
.modal.aside-right .aside-trigger.btn.ace-settings-btn.j-help-button-onpremise:hover {
    box-shadow: -5px 0px 4px 1px rgba(0,0,0,.3)!important;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

.modal.aside-vc .modal-dialog {
    width: 550px;
}
.help-section {
    margin-bottom: 25px;
}
.j-help-modal .modal-header {
    border-bottom: none;
    box-shadow: 0 6px 4px rgba(0,0,0,0.2);
    position: relative;
    z-index: 2;
}
.j-help-modal .modal-content > .scroll-content {
    padding-bottom: 13px
}
.j-help-modal .modal-content .table-header {
    margin-bottom:0px;
}
.help-section .help-header {
    background: #307ecc;
    color: white;
    padding: 16px;
    margin-top: 0px;
}
.help-section > .help-content {
    padding: 5px 15px;
}
.help-section > .help-content p{
    margin: 0 0 10px 0;
}
.j-help-modal .scroll-content .modal-body{
    position: absolute;
    overflow: hidden;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto;
}
.help-content > .first-item {
    margin-top: 0px;
}

/****************** HELP MODAL ******************/


.float-col-middle {
    float:none;
    margin:auto;
}


/***************** ACTIVITY PAGE  *****************/

.bs3.bootstrap-select .dropdown-toggle .filter-option {
    padding-top: 6px;
    padding-right: 0px;
}

.activity-j-filter .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a i.check-mark {
    color: #2184BC;
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a i.check-mark {
    position: absolute;
    display: inline-block;
    right: 15px;
    margin-top: 5px;
}
.bootstrap-select.btn-group .dropdown-menu li a i.check-mark {
    display: none;
}
.activity-options-dropup.dropup > .dropdown-menu {
    left: auto;
    right: 0;
}
.activity-options-dropdown.dropdown > .dropdown-menu {
    left: auto;
    right: 0;
}
.report-add-dropdown > .dropdown-menu {
    left: initial;
    right: 0;
}
.dashboard-add-dropdown > .dropdown-menu {
    left: initial;
    right: 0;
}


.error-j-timline.btn-danger {
    opacity: 1;
    border-radius: 100%;
    display: inline-block;
    font-size: 13px;
    height: 24px;
    line-height: 18px;
    width: 24px;
    text-align: center;
    text-shadow: none !important;
    padding: 0px;
    cursor: default;
    border: 3px solid #FF0000 !important;
    background-color: #FF0000 !important;
    margin-right: 20px;
}
.success-j-timline.btn-success {
    opacity: 1;
    border-radius: 100%;
    display: inline-block;
    font-size: 13px;
    height: 24px;
    line-height: 18px;
    width: 24px;
    text-align: center;
    text-shadow: none !important;
    padding: 0px;
    cursor: default;
    border: 3px solid #00cc00 !important;
    background-color: #00cc00 !important;
    margin-right: 20px;
    margin-right: 20px;
}
.timeline-info .popover, .widget-main .popover {
    min-width:450px;
}
.timeline-info .popover, .widget-main .widget-toolbar .popover {
    min-width:300px;
}
.widget-box .widget-body .widget-main.red {
    background: rgba(255, 0, 0, 0.13);
    color: black !important;
}

button .filter-option .data-label {
    display:none;
}
.bootstrap-select .btn:focus {
    outline: none !important;
}
.bootstrap-select.btn-group .dropdown-menu {
    padding:0px;
}
.bootstrap-select.btn-group .dropdown-menu > li:hover > a,
.bootstrap-select.btn-group .dropdown-menu > li > a:focus,
.bootstrap-select.btn-group .dropdown-menu > li > a:active,
.bootstrap-select.btn-group .dropdown-menu > li.active > a,
.bootstrap-select.btn-group .dropdown-menu > li.active:hover > a {
    background: #D6D6D6;
    color: #ffffff;
    outline: none !important;
}

.activity-j-filter .bootstrap-select .dropdown-menu {
    right: 0;
    left:auto;
}
.activity-j-filter .bootstrap-select .btn,
.activity-j-filter .bootstrap-select .btn-default,
.activity-j-filter .bootstrap-select .btn:focus,
.activity-j-filter .bootstrap-select .btn-default:focus {
    background-color: #FFFFFF !important;
    border-color: #d5d5d5;
    border-width: 1px;
    border-radius: 4px;
    color: #858585 !important;
    padding: 0px;
    height: 40px;
    padding-right: 25px;
    padding-left: 4px;
}
.activity-j-filter .bootstrap-select .btn:hover,
.activity-j-filter .bootstrap-select .btn-default:hover,
.activity-j-filter .bootstrap-select .btn:active,
.activity-j-filter .bootstrap-select .btn-default:active,
.activity-j-filter .bootstrap-select .open > .btn.dropdown-toggle,
.activity-j-filter .bootstrap-select .open > .btn-default.dropdown-toggle {
    background-color: #FFFFFF !important;
    border-color: #d5d5d5;
    border-width: 1px;
    border-radius: 4px;
    color: #858585 !important;
    padding: 0px;
    height: 40px;
    padding-right: 25px;
    padding-left: 4px;
}
.activity-j-filter .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
    color: #2184BC;
}

.activity-j-filter .bootstrap-select .fa-stack {
    margin-left:-13px;
}
.activity-j-filter .bootstrap-select .fa-stack:first-child {
    margin-left:0px;
}

.activity-j-filter .bootstrap-select .dropdown-menu > li > a,
.activity-j-filter .bootstrap-select .dropdown-menu li a.opt {
    font-size: 13px;
    padding-left: 3px;
    padding-right: 40px;
    padding-bottom: 4px;
    margin-bottom: 1px;
    margin-top: 1px;
}
.activity-j-filter .bootstrap-select.btn-group .btn .caret {
    border-top-color: #2184BC;
}
.activity-j-filter .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: auto;
}
.showing-results-for {
    width: 100%;
    text-align: center;
    line-height: 40px;
    background: #B7B7B7;
    color: white;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.showing-results-for span {
    background: white;
    color: grey;
    padding: 4px 36px 4px 16px;
    border-radius: 16px;
    font-weight: bold;
    white-space: nowrap;
    position:relative;
}
.showing-results-for span a {
    position: absolute;
    right: 5px;
    color: grey;
    font-size: 15px;
}
.see-all-activity-bar {
    text-align: center;
    background: #B5B5B5;
    color: white;
    line-height: 33px;
}
.see-all-activity-bar a {
    color:#fff;
}
.filter-id-button {
    margin-left: 20px;
}

[class*="amcharts-graph-"] {
  stroke-linejoin: round;
  stroke-linecap: round;
  stroke-dasharray: 500%;
  stroke-dasharray: 0 \0/;    /* fixes IE prob */
  stroke-dashoffset: 0 \0/;   /* fixes IE prob */
  -webkit-animation: am-draw 20s;
  animation: am-draw 5s;
}
@-webkit-keyframes am-draw {
    0% {stroke-dashoffset: 500%;}
    100% {stroke-dashoffset: 0%;}
}
@keyframes am-draw {
    0% {stroke-dashoffset: 500%;}
    100% {stroke-dashoffset: 0%;}
}

.level-one-child-activity {
    margin-left:10px;
}

.level-two-child-activity {
    margin-left: 25px;
    margin-top: 2px;
}
.level-three-child-activity {
    margin-left: 50px;
    margin-top: 2px;
}

.j-widget-box {
    cursor:pointer;
    transition: all .2s ease-in-out;
}
.timeline-item:nth-child(odd) .transparent .j-widget-box.widget-header:hover,
.timeline-item:nth-child(even) .transparent .j-widget-box.widget-header:hover {
    background:#C5C5C5 !important;
    transition: all .2s ease-in-out;
}

.j-widget-overall-body {
    overflow:auto;
    min-height:500px;
}

.tooltip-purple + .tooltip > .tooltip-inner,
.tooltip.tooltip-purple > .tooltip-inner {
  background-color: #9585bf;
  text-shadow: 1px 1px 0 rgba(60,100,20,0.3);
}
.tooltip-purple + .tooltip.top .tooltip-arrow,
.tooltip.tooltip-purple.top .tooltip-arrow {
  border-top-color: #9585bf;
  -moz-border-top-colors: #9585bf;
}
.tooltip-purple + .tooltip.right .tooltip-arrow,
.tooltip.tooltip-purple.right .tooltip-arrow {
  border-right-color: #9585bf;
  -moz-border-right-colors: #9585bf;
}
.tooltip-purple + .tooltip.left .tooltip-arrow,
.tooltip.tooltip-purple.left .tooltip-arrow {
  border-left-color: #9585bf;
  -moz-border-left-colors: #9585bf;
}
.tooltip-purple + .tooltip.bottom .tooltip-arrow,
.tooltip.tooltip-purple.bottom .tooltip-arrow {
  border-bottom-color: #9585bf;
  -moz-border-bottom-colors: #9585bf;
}
/***************** ACTIVITY PAGE  *****************/


/***************** COLOR STUFF *****************/
.widget-header {
    color:#2184bc;
}

.infobox-green-j.infobox-dark {
    background-color: #00cc00;
    border-color: #00cc00;
}
.infobox-red-j.infobox-dark {
    background-color: #FF0000;
    border-color: #FF0000;
}
.btn-purple1 {
    background-color: #C86BFF !important;
    border-color: #C86BFF;
}
.btn.btn-purple1:hover {
    background-color: #C86BFF !important;
    border-color: #C86BFF;
}

.btn-lightblue1 {
    background-color: #6FB3E0 !important;
    border-color: #6FB3E0;
}
.btn.btn-lightblue1:hover {
    background-color: #6FB3E0 !important;
    border-color: #6FB3E0;
}

.btn-purple2 {
    background-color: #FE9DFF !important;
    border-color: #FE9DFF;
}
.btn.btn-purple2:hover {
    background-color: #FE9DFF !important;
    border-color: #FE9DFF;
}

/* COOL COLOR SCHEME */

/* .btn-danger, .btn-danger:focus { */
/*     background-color: #ff0000 !important; */
/*     border-color: #ff0000; */
/* } */
/* .infobox-red-j > .infobox-icon > .ace-icon { */
/*     background-color: #ff0000; */
/* } */
/* .infobox-green-j > .infobox-icon > .ace-icon { */
/*     background-color: #00cc00; */
/* } */
/* .btn-success, .btn-success:focus { */
/*     background-color: #00cc00 !important; */
/*     border-color: #00cc00; */
/* } */
/* .btn-info, .btn-info:focus { */
/*     background-color: #50B9FF !important; */
/*     border-color: #50B9FF; */
/* } */
/* .btn-purple, .btn-purple:focus { */
/*     background-color: #9168FF !important; */
/*     border-color: #9168FF; */
/* } */
/* .btn-app.btn-success, .btn-app.btn-success.no-hover:hover, .btn-app.btn-success.disabled:hover { */
/*     background: #00cc00 !important; */
/*     background-image: -webkit-linear-gradient(top, #00cc00 0%, #499200 100%) !important; */
/*     background-image: -o-linear-gradient(top, #00cc00 0%, #499200 100%) !important; */
/*     background-image: linear-gradient(to bottom, #00cc00 0%, #499200 100%) !important; */
/*     background-repeat: repeat-x !important; */
/*     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8ebf60', endColorstr='#ff7daa50', GradientType=0) !important; */
/* } */
/* .btn-app.btn-success:hover { */
/*     background: #00cc00 !important; */
/*     background-image: -webkit-linear-gradient(top, #00cc00 0%, #499200 100%) !important; */
/*     background-image: -o-linear-gradient(top, #00cc00 0%, #499200 100%) !important; */
/*     background-image: linear-gradient(to bottom, #00cc00 0%, #499200 100%) !important; */
/*     background-repeat: repeat-x !important; */
/*     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8ebf60', endColorstr='#ff7daa50', GradientType=0) !important; */
/*     opacity:.6; */
/*     transition: all 0.5s ease; */
/* } */
/* .btn-app.btn-info, .btn-app.btn-info.no-hover:hover, .btn-app.btn-info.disabled:hover { */
/*     background: #50B9FF !important; */
/*     background-image: -webkit-linear-gradient(top, #50B9FF 0%, #368CC5 100%) !important; */
/*     background-image: -o-linear-gradient(top, #50B9FF 0%, #368CC5 100%) !important; */
/*     background-image: linear-gradient(to bottom, #50B9FF 0%, #368CC5 100%) !important; */
/*     background-repeat: repeat-x !important; */
/*     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff75b5e6', endColorstr='#ff5ba4d5', GradientType=0) !important; */
/* } */
/* .btn-app.btn-info:hover { */
/*     background: #50B9FF !important; */
/*     background-image: -webkit-linear-gradient(top, #50B9FF 0%, #368CC5 100%) !important; */
/*     background-image: -o-linear-gradient(top, #50B9FF 0%, #368CC5 100%) !important; */
/*     background-image: linear-gradient(to bottom, #50B9FF 0%, #368CC5 100%) !important; */
/*     background-repeat: repeat-x !important; */
/*     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff75b5e6', endColorstr='#ff5ba4d5', GradientType=0) !important; */
/*     opacity:.6; */
/*     transition: all 0.5s ease; */
/* } */


/* .btn-app.btn-purple, .btn-app.btn-purple.no-hover:hover, .btn-app.btn-purple.disabled:hover { */
/*     background: #9168FF !important; */
/*     background-image: -webkit-linear-gradient(top, #9168FF 0%, #5213F9 100%) !important; */
/*     background-image: -o-linear-gradient(top, #9168FF 0%, #5213F9 100%) !important; */
/*     background-image: linear-gradient(to bottom, #9168FF 0%, #5213F9 100%) !important; */
/*     background-repeat: repeat-x !important; */
/*     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa696ce', endColorstr='#ff8a7cb4', GradientType=0) !important; */
/* } */
/* .btn-app.btn-purple:hover { */
/*     background: #9168FF !important; */
/*     background-image: -webkit-linear-gradient(top, #9168FF 0%, #5213F9 100%) !important; */
/*     background-image: -o-linear-gradient(top, #9168FF 0%, #5213F9 100%) !important; */
/*     background-image: linear-gradient(to bottom, #9168FF 0%, #5213F9 100%) !important; */
/*     background-repeat: repeat-x !important; */
/*     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa696ce', endColorstr='#ff8a7cb4', GradientType=0) !important; */
/*     opacity:.6; */
/*     transition: all 0.5s ease; */
/* } */
/* .purple-tooltip + .tooltip > .tooltip-inner {background-color: #9168FF;border-bottom-color: #9168FF; } */
/* .purple-tooltip + .tooltip.bottom > .tooltip-arrow { border-bottom-color:#9168FF;border-bottom-color: #9168FF;} */

/* .btn-danger.no-hover:hover, .btn-danger.no-hover:active { */
/*     background-color: #FF0000 !important; */
/* } */
/* .btn-success:hover, .btn-success:active, .open > .btn-success.dropdown-toggle { */
/*     background-color: #19AB00 !important; */
/*     border-color: #00cc00; */
/* } */
/***************** COLOR STUFF *****************/





/*--------OTHER--------*/
.report-filter-wrapper {
    background: #FFF;
    padding: 3px 10px;
    margin: 0 20px 0 0;
    border: 1px solid lightgrey;
    border-radius: 7px;
    font-size: 12px;
    font-weight: bold;
    line-height: 30px;
    display: block;
}
.report-filter-column {
    padding: 3px 10px;
    margin: 0 20px 0 0;
    border-radius: 7px;
}
.report-filter-operator {
    padding: 3px 10px;
    margin: 0 20px 0 0;
    border-radius: 7px;
    font-weight:normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-weight:normal;
}
.report-filter-value {
    padding: 3px 10px;
    margin: 0 20px 0 0;
    border-radius: 7px;
}

.dataTable > thead > tr > th.sorting_disabled {
    color: #707070;
}

.well
{
    position: relative;
}
.help-inline {
  font-size: 13px !important;
  color: #d16e6c;
}
.delete-icon {
  padding-left: 10px;
  cursor: pointer;
  opacity:.7;
}
.report-filter-wrapper .delete-icon {
    float:right;
    margin-top:9px;
}
.report-filter-wrapper.uneditable-filter {
    color: #888888;
}
.report-filter-wrapper.uneditable-filter.disabled-filter {
    text-decoration: line-through;
    color: #d0d0d0;
}
.delete-icon:hover {
    opacity:1;
}

.modal-backdrop.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}



select {
  height: 35px;
}

.btn{
    text-shadow: none;
}

.btn:focus {
    outline: none!important;
}
/* .btn-warning, .btn-warning:focus { */
/*   background-color: #2184bc !important; */
/*   border-color: #2184bc; */
/* } */


.input-group[class*="col-"] {
  float: none;
  padding-left: 12px;
  padding-right: 12px;
}

input[readonly] {
  color: #939192;
  background: none !important;
  cursor: default;
}
#report-filters-include input[readonly] {
    color: #949494;
    background: white!important;
    cursor: default;
}
.custom-filter-value-wrapper select,
.custom-filter-value-wrapper input {
    width:100%;
    height:32px;
}

.grid-borders .panel-body div.row {
  border-top: 1px solid black;
  border-left: 1px solid black;
  border-right: 1px solid black;
}

.grid-borders .panel-body div.row:nth-child(odd) {
    background: #D0D0D0;
}

.grid-borders .panel-body div.row .col-sm-9 {
  border-left: 1px solid black;
  padding: 10px 10px;
}
.grid-borders .panel-body div.row .col-sm-3 {
  padding: 10px 10px;
  font-weight:bold;
}

/* Jordan's Additions */


.report-view-icon-container {
  padding-top: 5px;
  padding-bottom: 5px;
}
.webtab-header-mobile{display:none;}
.dataTables_wrapper label {
    margin-bottom: 0px;
}
.dataTables_wrapper .row:last-child {
    border-bottom: none;
    padding-top: 12px;
    padding-bottom: 12px;
    background-color: #EFF3F8;
}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border: none;
}
.dataTables_wrapper .row:first-child + .dataTable {
    border: none;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    padding: 12px 4px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: none;
}
.home-page .table > thead > tr > th,
.home-page .table > tbody > tr > th,
.home-page .table > tfoot > tr > th,
.home-page .table > thead > tr > td,
.home-page .table > tbody > tr > td,
.home-page .table > tfoot > tr > td {
    padding: 4px 4px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #f7f7f7;
}
.dataTable > thead > tr > th.sorting_desc, .dataTable > thead > tr > th.sorting_asc {
    background: none;
    border-bottom: 2px solid #337ab7;
}

.profile-info-name {
    width: 225px;
    font-size: 16px;
    font-weight: 100;
    color: #18b2fe;
}
/* .student-page .profile-info-name { */
/*     width: 275px; */
/* } */
.profile-info-value span {
    font-size: 16px;
    font-weight: 100;
}



@media screen and (max-width: 992px) {
.breadcrumbs-fixed + .page-content {padding-top: 0px;}
.cloud4j-logo-sidebar {display:none;}
.main-container .menu-toggler:after {left: 0px;}
.main-container .menu-toggler:before {left: 0px;}
.webtab-header-mobile{display:block;}
}



@media screen and (max-width: 800px) {

#add-credit-card-button {
    float:none;
}

}

@media screen and (max-width: 767px) {

.modal.aside-vc .modal-dialog {
    width: 100%;
    max-width: 100%;
}
.formatting-preview-container {
    padding-left: 20px;
}

.formatting-panel {
    border-right: none;
    padding-right: 20px;
}

.grid-borders .panel-body div.row .col-sm-9 {
  border-left: none;
  padding: 10px 10px;
  border-bottom: 2px solid black;
}

.grid-borders .panel-body div.row .col-sm-3 {
  border-bottom: 1px solid black;
}
.page-header.report-actions h1 {
  padding: 1px 0px;
  float:none;
}
.download-format-image {
    width:30px;
}

.report-page-actions-container {
    float:none;
    text-align:center;
}

.schedule-format-detail-title {
    text-align:left;
}
.form-checkbox-padding {
  padding-top:0px;
}
.folders-list-container {
    min-height:auto;
}
.folders-table-container {
    padding-left: 12px;
}
.folders-list-container {
    padding-right: 12px;
    border-right:none;
    max-height:200px;
    overflow:auto;
    min-height:initial;
}
input.colorvalue {
    max-width: 80%;
}

}



@media screen and (max-width: 640px) {
.formatting-panel .popover {
    min-width:250px;
}
.well-button
{
    position: initial;
    top: 0px;
    margin-top: 0px;
    right: 0px;
}

.well-button-container
{
    width: 100%;
    text-align: right;
}
.btn.btn-app.btn-xs {
    font-size: 9px;
    width: 40px;
    padding: 7px;
}
input.colorvalue {
    max-width: 70%;
}
.navbar:not(.navbar-collapse) ~ .modal.aside-vc.navbar-offset .modal-dialog {
    top: 0;
}


}

@media (max-width: 540px) and (min-width: 480px), (max-width: 360px)
{
.navbar:not(.navbar-collapse) .navbar-buttons .user-info {
    margin-top: 54px;
}

}



@media screen and (max-width: 479px) {
.navbar-fixed-top + .main-container {
    padding-top: 101px;
}
body.mob-safari .navbar-fixed-top + .main-container .sidebar.responsive {
    top: 112px;
}
}

@media screen and (min-width: 1340px) {
    .subInfoTable
    {
        width: 70%;
    }
    .paymentHistory
    {
        width: 40%;
    }
}

@media screen and (max-width: 1340px) {
    .subInfoTable
    {
        width: 60%;
    }
    .paymentHistory
    {
        width: 60%;
    }
}

.enjoy_hint_label
{
     font-family: Sans-Serif;
}

.activity-indicator {
  opacity: 1;
  border-radius: 100%;
  display: inline-block;
  font-size: 16px;
  height: 36px;
  line-height: 30px;
  width: 36px;
  text-align: center;
  text-shadow: none !important;
  padding: 0;
  cursor: default;
  border: 3px solid #FFF !important;
}

.email-options-dropdown.dropdown>.dropdown-menu {
    left: auto;
    right: 0;
}

.table > thead > tr > th
{
    padding-left:10px;
}

@media screen and (max-width: 1319px) {

    .the-only-thing-holding-subscription-together
    {
        margin-top:55px;
    }
}

@media screen and (max-width: 816px) {
    .the-only-thing-holding-subscription-together
    {
        margin-top:55px;
    }
}

@media screen and (max-width: 880px) {
    #non-report-gauge
    {
        display:none;
    }

    #items-gauge
    {
        display:none;
    }

    #payment-method-table
    {

    }
}

.schedule-buttons > .btn-app:first-child:not(:last-child):not(.dropdown-toggle)
{
    margin-right:1px;
    border-radius:8px;
    width: 24px;
    height:24px;
    padding-top:0px;
}

.schedule-buttons > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle)
{
  border-radius:8px;
  margin-right:1px;
  width: 24px;
  height:24px;
  padding-top:0px;
}

.schedule-buttons > .btn:last-child:not(:first-child)
{
    border-radius:8px;
    width: 24px;
    height:24px;
    padding-top:0px;
}

.added-header-variable-wrapper
{
    font-size:14px;
    background: #E4E6E9;
    border: 1px solid lightgrey;
    padding: 3px 10px 3px 5px;
    border-radius: 7px;
    line-height: 30px;
}

.header-variable-wrapper
{
    font-size:14px;
    background: #E4E6E9;
    border: 1px solid lightgrey;
    padding: 3px 10px 3px 5px;
    border-radius: 7px;
    line-height: 30px;
}

.added-parameter-variable-wrapper
{
    font-size:14px;
    background: #E4E6E9;
    border: 1px solid lightgrey;
    padding: 3px 10px 3px 5px;
    border-radius: 7px;
    line-height: 30px;
}

.parameter-variable-wrapper
{
    font-size:14px;
    background: #E4E6E9;
    border: 1px solid lightgrey;
    padding: 3px 10px 3px 5px;
    border-radius: 7px;
    line-height: 30px;
}

.remove-widget-icon {
  display: none;
}


/* .grid-stack-item-content:hover .remove-widget-icon { */
/*     display: block !important; */
/* } */

/* .grid-stack { */
/*     background-color: rgb(222, 232, 242) !important; */
/*     background-image: linear-gradient(white 5px, transparent 0px), linear-gradient(90deg, white 10px, transparent 0px), linear-gradient(rgba(255,255,255,0.3) 5px, transparent 100px), linear-gradient(90deg, rgba(255,255,255,.3) 5px, transparent 100px); */
/*     background-size: 100px 68px, calc(8.33% + 0px) 100px, 20px 20px, 20px 20px; */
/*     background-position: -2px -2px, -1px -2px, -1px -1px, -1px -1px; */
/* } */

.truncate-text {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.tree .tree-branch {
    margin: 0;
}

.object-timestamp {
    font-size: 10px;
}

.auto-scroll {
    overflow: auto;
    white-space: nowrap;
}

.nowrap {
    white-space: nowrap;
    overflow: visible;
}

.match-content-width {
    width: fit-content;
}

.p-1 {
    padding: 1em;
}

.px-1 {
    padding-right: 1em;
    padding-left: 1em;
}

.pr-1 {
    padding-right: 1em;
}

.pr-1 li {
    padding-right: 1em;
}

.pr-2 {
    padding-right: 2em;
}

.pl-1 {
    padding-left: 1em;
}

.mt-1 {
    margin-top: 1em;
}

/* vv Subscription Page Width Changes vv */

@media only screen and (min-width: 1440px)
{
  .d-inline-block {
      display: inline-block;
      width:63%;
  }

  #schedule-items-block {
    display: block;
    height: 265px;
    text-align: center;
    padding-top: 60px;
  }

}

@media only screen and (min-width: 1600px)
{

  .d-inline-block {
      display: inline-block;
      width:780px;
  }

  #items-gauge{
    width:300px;
  }

  #schedule-items-block {
    display: block;
    height: 265px;
    text-align: center;
    padding-top: 60px;
  }

}



.pricing-span-header {
   width:300px;
     float: left;
}


.form-horizontal .form-group{
    margin-right: 0px;
}