/*  CUSTOM CSS GUIDE */
/* ------------------------ NAVIGATION RELATED ------------------------------ */
/* ------------------------ COLOR CHANGES ------------------------------ */
/* ------------------------ GENERAL FORMATTING ------------------------------ */
/* ------------------------ BUTTON RELATED ------------------------------ */
/* ------------------------ FORM RELATED ------------------------ */
/*  ------------------------ PRINT RELATED ------------------------ */
/*  ------------------------ SMALL SCREEN SPECIFIC ------------------------ */


/* ------------------------ NAVIGATION RELATED ------------------------------ */
/* Page Load across the screen */
.pace .pace-progress {
  background: #2C6B87 !important;
  height: 9px;
}

.tab-content > .tab-pane:not(.active) { display: block; height: 0; overflow-y: hidden; }

img.nav-logo {
  max-height: 38px;
}

.truncate-headers {
  max-width: 150px;
  display: block;
}

.table-column-wrap {
  width: 6rem;
}

.text-wrap{
  white-space:normal;
}

.box-qty {
  size: 12px !important;
  margin-left: 2px;
  padding-bottom:5px;
}

/* Tassl Breadcrumb */
.breadcrumb {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 1rem;
  list-style: none;
  border-radius: .25rem;
}
.breadcrumb-item {
  font-size: 13px;
  color: #676a6c;
}

/* Navigation Bar */
.nav > li.active {
  border-left: 4px solid #2C6B87;
}

.navbar-light .special_link a {
  background: #2C6B87;
  color: white;
}
/* in nav to move the triangle  */
.nav-item a[data-toggle="collapse"] {
  position: relative;
}
.grey-text {
  color: #6c757d !important;
}

.nav-item a .dropdown-toggle::after {
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}

.tassl-page-header {
  font-size:24px;
  
}
.nav-tabs > li > a {
  color: #808896;
 }

 .navbar .text-muted {
   color:#656972 !important;
 }

 .minimalize-styl-2  i {
  color:white !important;
}

 .navbar a {
  color:#656972 !important;
}



 .nav.navbar-right > li > a {
  color: #808896;
 }

 /*show sub menu links when collapsed?*/

#side-menu li ul li a span {
  display: block; 
}

.wrapper-content{
  padding-top:10px;
}
/* ------------------------ COLOR CHANGES ------------------------------ */
label.inline-switch-label-custom {
  margin-left: 5px !important; 
  margin-bottom:0px !important; 
}

.input-group-text{
    padding-top: 0.3rem;
    padding-right: 0.75rem;
    padding-bottom: 0.3rem;
    padding-left: 0.75rem;
}

.ibox-content, .table, .ibox-title, .page-heading {
  color:#494B50;
}

a {
  color: #337ab7;
  text-decoration: none;
}
.alert-tassl {
  color: #2C6B87;
  background-color: #d1ecf1;
  border-color: #bee5eb;
}
.progress-bar {
  background-color:#2aaae2;
  margin-bottom:2px;
}

.popover-header {
  color: #494B50;
  background-color: #FFFFFF;
  font-size: 14px;
  line-height: 1.2;
  margin-top:2px;
  margin-bottom:2px;
  font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  
}
.text-1 {
  color: #2C6B87;
}

.alert-1 {
  color: #2C6B87;
  background-color: #d1ecf1;
  border-color: #bee5eb;
}

.color-1, .block-1, .text-1, .badge-1, .label-1, .btn-1, .label-color-1, .badge-color-1  {
  background-color: #2C6B87;
  color: #ffffff;
  border-color: #2C6B87;
}
.btn-1:hover {
  color: #fff;
  background-color: #2C6B87;
  border-color: #2C6B87;
}
.block-tassl, .color-1, .color-1, .color-1 {
  background-color: #2C6B87;
  color: #FFFFFF;
  border-color: #2C6B87;
}
.color-1.btn-outline {
  color: #2C6B87;
}



.text-2 {
  color: #23c6c8;
}

.alert-2 {
  color: #23c6c8;
  background-color: #d1ecf1;
  border-color: #bee5eb;
}


.alert-3 {
  color: #7caf5a;
  background-color: #d1ecf1;
  border-color: #bee5eb;
}
.alert-4 {
  color: #ed5565;
  background-color: #d1ecf1;
  border-color: #bee5eb;
}


.block-0, .badge-0, .label-0, .label-color-0, .badge-color-0  {
  background-color: #d1dade;
  color: #5e5e5e;
  border-color: #5e5e5e;
}


.btn-1:focus {
  color: #fff;
  background-color: #29abe2;
  border-color: #29abe2;
}

.btn-1-default:not(:disabled):not(.disabled).active, .btn-1-default:not(:disabled):not(.disabled):active, .show>.btn-1-default.dropdown-toggle {
  color: #fff;
  background-color: #545b62;
  border-color: #4e555b;
}

.btn-outline-color-1:hover {
  color: #fff;
  background-color: #29abe2;
  border-color: #29abe2;
}
/**
.btn:hover {
  filter: brightness(85%);
}
**/

.color-2, .block-2, .badge-2, .label-2, .btn-2, .label-color-2, .badge-color-2   {
  background-color: #23c6c8;
  color: #ffffff;
  border-color: #23c6c8;
}

.color-3, .block-3, .badge-3, .label-3, .btn-3, .label-color-3, .badge-color-3  {
  background-color: #7caf5a;
  color: #ffffff;
  border-color: #7caf5a;
}

.color-4, .block-4, .badge-4, .label-4, .btn-4, .label-color-4, .badge-color-4 {
  background-color: #ed5565;
  color: #ffffff;
  border-color: #ed5565;
}
/* for tools icons in the ibox header */
.tool_icon {
  color:#676a6c;
}
.text-tassl {
  color: #2C6B87;
}

.btn-social-icon{
  margin-right:1px;
}

.text-3 {
  color:#7caf5a;
}

.text-green {
  color:#7caf5a;
}

.text-red {
  color: #ed5565;
}
.text-4 {
  color: #ed5565;
}

.text-navy {
  color: #2C6B87 !important;
}
.theme-config {
  top: 0;
}

.small, small {
  font-size: 85%;
}

.smaller {
  font-size: 80%;
}

.webgrid-table-hidden
{
    display: none;
}

.no-top-line{
  border-top: none !important;
}

.label-left-align {
  display: inline-block;
  width:150px;
}

.spaced {
  letter-spacing: .5px;
}

.tab-header-custom {
    background-color: #f3f6fb;
    border-bottom: none;
    color: inherit;
    padding: 10px 30px 10px 30px;
    border-color: #e7eaec;
    border-image: none;
    border-style: solid;
    border-width: 1px;

}

.theme-config-box {
  margin-right: -400px;
}

.skin-settings {
  width:400px;
} 

.success-bg {
  background-color: #1c84c6;
  color: #ffffff;
}
.green-bg {
  background-color: #7caf5a;
  color: #ffffff;
}
.primary-bg {
  background-color: #ed5565;
  color: #ffffff;
}
/* Tassl Color Override */
.toast-success {
  background-color: #2C6B87 !important;
}
.btn:hover {
  color: #E8EDEC 
}
.btn-outline:hover {
  color: #E8EDEC;
}

.spin-icon {
  background: #2C6B87;
}

.fa-facebook {
    color: rgb(59, 91, 152);
}





/* ------------------------ GENERAL FORMATTING  ------------------------------ */

.popover-header .popover-body {
  font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.popover.tour-tour {
  max-width: 400px;

}
iframe{
  height: 2500px; 
  overflow-x: hidden;
  overflow-y: hidden;
  display: block;
  width: 90%;
  margin: auto;    
}
article {
  page-break-before: always;
}
article.first {
  page-break-before: avoid;
  
}

/* -------- Data Block Formatting  ------ */
.widget {
  margin-bottom:1px;
}
.widget.data_block {
  height:95%;
  width:100%;
}
.widget.data_block h2 {
  font-size: 2em;
}

.widget.data_block h4 {
  font-size: 1.2em;
}

#dataTables-product-options .dataTables_scrollBody {
  min-height: 75px;
}

.widget.data_block p {
  font-size: 100%;
  font-weight: 400;
  margin-bottom: 0;
}
/* -------- Profile Info Box Card Styling ------ */
.profile-info-cards {
  line-height:2em; 
  margin-block-end:0px;
}
.info-icon  {
  margin-right: 0.5rem !important;
}
.editable-click, a.editable-click, a.editable-click:hover {
  text-decoration: none;
  border-bottom: dashed 1px #0088cc;
}
/* --- Walkin buttons --- */
.ladda-button {
  padding-bottom: 4px !important;
  padding-top: 4px !important;

}
.vertical-timeline-content {
  padding-left: 0px !important;
  margin-left: 0px !important;
}

label {
  margin-bottom: .3rem;
}

.jvectormap-zoomin, .jvectormap-zoomout, .jvectormap-goback {
  background: #2A2E36;
}

.box-info {
  margin-top: -10px;
  margin-right: -10px;
 }

/* -------- Data blocks on Small Screens - mobile ------ */
@media (max-width: 600px) { 
  .widget.data_block h2 {
    font-size: 1.3em;
  }

  .widget {
    padding: 5px 10px;
  }

  .widget.data_block h2 {
    font-size: 125%;
    padding-left: 10px;
    padding-right: 3px;
  }
  
  .widget.data_block h4 {
    font-size: 95%;
    padding-left: 10px;
    padding-right: 3px;
    margin-right:5px;
  }
  
  .widget.data_block p {
    font-size: 85%;
    font-weight: 400;
    margin-bottom: 0;
    padding-left: 10px;
    padding-right: 3px;
    margin-right:5px;
  }

  .box-info {
    margin-top: -4px;
    margin-right: -4px;
   }

 }


/* -------- Data blocks on Small Screens - ipad ------ */
 @media (max-width: 900px) and (min-width: 600px) { 
  .widget.data_block h2 {
    font-size: 1.3em;
  }

  .widget {
    padding: 5px 10px;
  }

  .widget.data_block h2 {
    font-size: 125%;
    padding-top: 10px;
    padding-left: 5px;
    padding-right: 3px;
  }
  
  .widget.data_block h4 {
    font-size: 95%;
    padding-left: 5px;
    padding-right: 3px;
    margin-right:5px;
  }
  
  .widget.data_block p {
    font-size: 85%;
    font-weight: 400;
    margin-bottom: 0;
    padding-left: 5px;
    padding-right: 3px;
    margin-right:5px;
  }

  .box-info {
    margin-top: -2px;
    margin-right: -4px;
   }

 }

 /* ---- Summernote styles to match reg app ----- */
 .note-editable p {
  font-size:14px;
  font-weight:400;
  margin-bottom: 10px;
  color: #404040;
}
.note-editable h3 {
  font-family:'Raleway';
  font-size:28px;
  color: rgb(64, 64, 64);
  margin-bottom: 12px;
  letter-spacing: 2px;
  font-weight:bolder;
  line-height: 40px;
}
.note-editable h4 {
  font-family:'Raleway';
  font-size:25px;
  color: rgb(64, 64, 64);
  margin-bottom: 12px;
  letter-spacing: 1px;
  font-weight:700;
  line-height: 32px;
}

.note-editable h5 {
  font-family:'Raleway';
  font-size:22px;
  color: rgb(64, 64, 64);
  margin-bottom: 12px;
  letter-spacing: 1px;
  font-weight:700;
  line-height: 24px;
}
.note-editable h6 {
  font-family:'Raleway';
  font-size:12px;
  color: rgb(64, 64, 64);
  margin-bottom: 12px;
  letter-spacing: 1px;
  font-weight:700;
  line-height: 24px;
}

.note-editable blockquote {
  margin-top:24px;
  margin-bottom:16px;
  margin-block-start: 24px;
  margin-block-end: 16px;
  border-left: 5px solid #eee;
  display:block;
  color: rgb(36, 41, 46);
  font-size:16px;
  font-weight: 300;
  font-style: italic;
  line-height:1.25;
  padding-bottom: 10px;
  padding-left:32px;
  padding-top:10px;
  color:rgb(36, 41, 46);
  font-family:-apple-system, system-ui, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";

}

.note-editable blockquote p {
 font-style: italic;
 font-weight: 400;
 color: rgb(36, 41, 46);
}
/* -------- General ------ */
.bold {
  font-weight: bold;
}

img.alumni-small {
    max-height: 40px;
}

.tassl-bg,
.bg-tassl {
  background-color: #2C6B87 !important;
  color: #ffffff;
}

a.alumni-email {
    font-size: 11px;
    color: #337ab7;
}
.loginColumns {
  max-width: 650px;
  margin: 0 auto;
  padding: 100px 20px 20px 20px;
}
.loginColumnsBottom {
  max-width: 650px;
  margin: 0 auto;
  padding: 0px 20px 20px 20px;
}

.bg-hands {
  background-image: url('../img/pilotform.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.bg-support-grey {
  background-image: url('../img/support_banner_gray.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.bg-support-wb {
  background-image: url('../img/support_banner_white.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.bg-support {
  background-image: url('../img/tassl_banner.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.xs-image-left {
  max-width: 40px;
  margin-right: 0.5em;
  float: left;
}
.login-box {
  padding: 2em 3em;
}

.login-box .tassl-logo {
  max-width: 250px;
  margin: 0 auto;
}

.login-box h2 {
  font-size: 1.4em;
}

.login-box p {
  font-weight: 300;
  margin-top: 1.2em;
  letter-spacing: 0.025em;
}


.fa .center {
  min-width: 1.2em;
  text-align: center;
}

.hide {
  display: none;
}
/*end benefit inputs for groups styles*/


.fa-box {
  font-size: 1.4em;
}

/* for circle buttons with icons in them */
.circle-icon {
  margin-top:2px;
}

.no-wrap { 
  white-space: nowrap; 
}


.user_card_selector_results img{
  height: 50px;
  width: 50px;
}

.form-row-format {
  margin-left:18px;
}
/* ------------------------ BUTTON RELATED ------------------------------ */
.ibox-tools .btn {
  color: #676a6c!important;
}

.mt-upper  {
  margin-top:25px;
}

.ibox-tools a.btn-tool-header {
    border: 1px solid #e7eaec;
    background: #fff;
    color: #676a6c!important;
    box-shadow: none;
    padding: 6px 8px;
    font-size: 11px;
    text-transform: uppercase;
}
/* for data table colvis */
.dropdown-item.active, .dropdown-item:active {
  color: #fff !important;
  text-decoration: none !important;
  background-color: #2C6B87 !important;
}

.page-item.active .page-link {
  background-color: #2C6B87 !important;
  border-color: #2C6B87 !important;
}

.tassl page-item.active .page-link {
  background-color: #2C6B87;
  border-color: #2C6B87;
}

/* action nav buttons */
.btn-action {
  color: inherit;
  background: white;
  border: 1px solid #e7eaec;;
  vertical-align: middle;
}



.btn-secondary:focus {
  color: #fff;
  background-color: #545b62;
  border-color: #4e555b;
}

/* Stripe Connect button */
.stripe-connect-button {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url('../img/blue-on-light@3x.png');
}

/* for the about info button helpers */
.about-text {
  margin-left:10px;
  margin-right:5px;
  margin-top:5px;
  margin-bottom:5px;
  line-height:24px;
  font-weight: 350;
}
.btn-help-left {
  margin-right: 8px;
  width:15px;
  height:15px;
  padding:1px;
  font-size:8px;
  color: inherit;
  background: white;
  border: 1px solid #e5e6e7;
}

.btn-help-right {
  margin-left: 5px;
  width:15px;
  height:15px;
  padding:1px;
  font-size:8px;
  color: inherit;
  background: white;
  border: 1px solid #e5e6e7;
}

.regSectionLabels{
  font-size:1em;
}

.btn-trash-icon {
  color: #545b62;
  background-color: Transparent;
  border-color: Transparent; /*set the color you want here*/
}


.btn-trash-icon:hover, .btn-trash-icon:focus, .btn-trash-icon:active, .btn-trash-icon.active, .open>.dropdown-toggle.btn-trash-icon {
  color: #545b62;
  background-color: Transparent;
  border-color: Transparent; /*set the color you want here*/
}

.btn-help-form-field {
  width:15px;
  height:15px;
  padding:1px;
  font-size:8px;
  color: inherit;
  margin-bottom:8px;
  background: white;
  border: 1px solid #e5e6e7;
}
/*Tips Circle Button */
.btn-tip {
  width:20px;
  height:20px;
  padding:2px;
  font-size:10px;
  float:right;
}

.dtsb-titleRow {
  margin-right: 10px;
  margin-left: 10px;
}

.dtsb-group {
  margin-right: 10px;
  margin-left: 50px !important;
}

.regular_link a {
  color: #2C6B87!important;
}

/*Data Tables Filter */


/* dropdown related 
.table_dropdown {   
  position: fixed;
 }
*/
.dropdown-menu {
  padding: 0.5rem 0 !important
}
.text-muted {
  color:#6c757d !important
}

/* specific to x font awesome icon
*/
.text-n {
  color:#6c757d !important
}
.text-y {
  color:#7caf5a !important
}


/* ------------------------ FORM RELATED ------------------------ */

label {
  font-weight: 600;
}

textarea.form-control {
  height: 100px !important;
}
/* used with form-row boostrap */
.ml-md-2 mr-md-2 {
  margin-left: .5rem!important;
  margin-right: .5rem!important;
 }


.form-control-table {
  height: calc(1em + .475rem + 2px) !important;
  padding: .125rem .25rem !important;
  font-size: .70rem !important;
  line-height: 1.5;
  border-radius: .2rem;
}
 
/* USER SELECTOR - Allow the React User Selector component modal to expand larger than 500px. */
div#UserSelector .modal-dialog {
  max-width: 80vw;
}
/* Style Hacks/Improvements for the Select User Compoent */
div#UserSelector .widget-text-box {
  min-height: 125px;
}
div#UserSelector .widget-head-color-box {
  min-height: 200px;
}
/* form buttons */

.btn.active,
.btn:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.50);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.50);
}

.btn-outline-primary {
  color: #2C6B87;
  background: #ffff;
  border-color: #2C6B87;
}

.btn-outline-primary:hover {
  color: #fff;
  background-color: #2C6B87;
  border-color: #2C6B87;
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: #2C6B87;
  background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #2C6B87;
  border-color: #2C6B87;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}




/* for on off button switches */
.onoffswitch-inner:before {
  background-color: #6c757d  !important;
}
.onoffswitch-label {
border: 2px solid #6c757d  !important;
}
.onoffswitch-inner {
color: #6c757d  !important;
}

.onoffswitch-switch {
border: 2px solid #6c757d  !important;
}

.onoffswitch-inner:after {
  color: #6c757d !important;
 }

.yes-no .onoffswitch .onoffswitch-inner:after {
content: "NO";
}
.yes-no .onoffswitch .onoffswitch-inner:before {
content: "YES";
}
.public-private .onoffswitch {
  width: 75px;
  }

.public-private .onoffswitch-switch {
  right: 57px;
}

.public-private .onoffswitch .onoffswitch-inner:after {
  content: "PRIVATE";
  }
  .public-private .onoffswitch .onoffswitch-inner:before {
  content: "PUBLIC";
  }
/* Chosen form fields - style chosen form fields like the standard theme */

.chosen-container-single .chosen-single {
  border: 1px solid #e5e6e7!important;
}
.chosen-container-active.chosen-with-drop .chosen-single {
  border: 1px solid #e5e6e7 !important;
}
.chosen-container-active .chosen-single {
  border: 1px solid #2C6B87!important;
}

.form-control:focus,
.single-line:focus {
  border-color: #2C6B87;
}
.has-success .form-control,
.has-success .form-control:focus {
  border-color: #2C6B87;
}

input form.membership_benefits  {
  width:500px !important;
}

textarea form.description {
 height:100px;
}

.form-group.note-form-group.note-group-select-from-files {
  display: none;
}

.tassl-table-legend > ul {
  padding-inline-start: 20px!important;
}

.landing_link a {
    background: #2C6B87;
    color: white;
}


a.disabled {
  /* Make the disabled links grayish*/
  color: gray;
  /* And disable the pointer events */
  pointer-events: none;
}

/* HTML Editor  Border Box */
.note-editor.note-frame {
  border: 1px solid rgba(0,0,0,.2)!important;
}


/* GROUP BENEFITS */
.benefit-input {
  margin-bottom: 8px; 
  min-width:85%;
}
.btn.btn-danger.benefit.button {
  font-size:8px; 
  margin-left:8px;
}
.li-benefit-input {
  list-style-type: none;
}
.benefit-label {
  margin-right:10px;
}


/* CUSTOM QUESTION FORMATTING */
.custom_question_entry {
  float: left;
  padding: 1em 0.5em 0em;
  margin: 1em 0.5em 0em;
  width: calc(100% - 2em);
  border: 1px solid #DDD;
  border-radius: 5px;
}
.custom_question_entry button.remove {
  font-size: 10px;
  float: left;
  margin-top: 5px;
  margin-bottom: 10px!important;
}
.custom_question_entry button.remove.remove_custom_question_entry {
  margin-top: 30px;
}


/*  ------------------------ TABLE RELATED ------------------------ */
/* tables with no lines in between */
.no-line >tbody>tr.no-border>td,
.no-line >tbody>tr.no-border>th {
  border-top: none;
}
/* ---- */
.wrapper1, .wrapper2{width: 300px; border: none 0px RED;
  overflow-x: scroll; overflow-y:hidden;}
.wrapper1{height: 20px; }
.wrapper2{height: 200px; }
.div1 {width:1000px; height: 20px; }
.div2 {width:1000px; height: 200px; background-color: #88FF88;
overflow: auto;
}


.tassl-table th {
  font-size:11px;
  font-weight:bold;
}

thead input {
  width: 100%;
}

.tassl-table-title {
  font-weight:bold;
  font-size:1em;
}

.table > tbody > tr > td {
  vertical-align: middle;
  font-size:.9em;
}

/* 
.table > tbody > tr > .bold {
  font-size:1em;
}
*/

.table-small {
  font-size: 95%;
}

.table > tbody > tr > .extra-small {
  font-size:80%;
}

.table-boolean {
  font-size:1.2em;
}

.dataTables_info {
  font-size:11px !important;
}

div.dt-button-background {
  height: 0;
  width: 0;
}

td.dt-body-nowrap { white-space: nowrap }

td.dt-body-wrap { word-wrap: break-word;
  white-space: normal; }

.dt-button-background {
  z-index: 1 !important;
 }
.dt-button-collection {
  z-index: 2 !important;
 } 
 
/* data table buttons */
button.DTTT_button, div.DTTT_button, a.DTTT_button {
  border: 1px solid #e7eaec;
  background: #fff;
  color: #676a6c;
  box-shadow: none;
  padding: 6px 8px;
}
button.DTTT_button:hover, div.DTTT_button:hover, a.DTTT_button:hover {
  border: 1px solid #d2d2d2;
  background: #fff;
  color: #676a6c;
  box-shadow: none;
  padding: 6px 8px;
}

.btn-data-table {
  border: 1px solid #e7eaec;
  background: #fff;
  color: #676a6c;
  box-shadow: none;
  padding: 6px 8px;
  font-size: 11px;
  text-transform: uppercase;
}

/*put processing box on top of Datatables*/
div.dataTables_wrapper div.dataTables_processing {
  top: 5%;
  z-index: 999999;
  font-size:30px;
}

div.dataTables_scrollBody.dropdown-visible {
  overflow: visible !important;
}

table.dataTable>tbody>tr.child ul.dtr-details>li {
  text-align: left !important;
}

.ibox-title h2 {
  display: inline-block;
  font-weight: 600;
  font-size: 14px;
  margin: 0 0 7px;
  padding: 0;
  text-overflow: ellipsis;
  float: none;
}

.dropdown-header {
  padding-bottom: 1px;
  padding-top: .25em;
  padding-left: 0.9em;
}

/* Columns */
div.dropdown-multicol2{
  width: 38em;
}
div.dropdown-multicol2>div.dropdown-col{
  display:inline-block;
  width: 33%;
}

div.dropdown-multicol3{
  width: 30em;
}
div.dropdown-multicol3>div.dropdown-col{
  display:inline-block;
  width: 34%;
}

div.dropdown-multicol2>div.dropdown-col>a.dropdown-item{
  padding-left: 1rem;
  padding-right: 1.2rem;
  padding-top: 0.25rem;
  padding-bottom: .25rem;
}

div.dropdown-multicol3>div.dropdown-col>a.dropdown-item{
  padding-left: 1rem;
  padding-right: 1.5rem;
  padding-top: 0.25rem;
  padding-bottom: .25rem;
}

td.details-control {
  padding: 0px 10px!important;
  background: url('../img/details_open.png') no-repeat center center;
  cursor: pointer;
}
.text-small {
  font-size: 80%;
  font-weight: 400;
}

.dataTables-items_length {
  font-size: 11px;
}
.my-custom-scrollbar {
  position: relative;
  width: 800px;
  height: 500px;
  overflow: auto;
}

.dataTables-events_length {
  font-size: 11px;
}

.dataTables-activities_length {
  font-size: 11px;
}

.dataTables-resources_length {
  font-size: 11px;
}

.dataTables-groups_length {
  font-size: 11px;
}

.data-table-icon-btn {
  font-size: 12px;
}

tfoot input {
  width: 100%;
  padding: 3px;
  box-sizing: border-box;
}

.excluded {
  text-decoration: line-through;
}

.chart-legend ul {
  max-height: 350px;
  overflow: auto;
  margin-left: 0px;
  padding-left:0px;
}

.chart-legend ul li {
  color: #494B50;
  cursor: pointer;
  font-family: 'Helvetica Neue', 'Helvetica', 'Arial';
  line-height: 1.2px;
  max-width: 100%;
  overflow: hidden;
  padding: 1px;
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.chart-legend .legend-item {
  display: inline-block;
  height: 12px;
  margin-right: 5px;
  width: 35px;
}

.tassl-analytics-table > thead > tr > th,
.tassl-analytics-table > thead > tr > td {
  background-color: #FFFFFF;
  border-bottom-width: 1px;
}

.tassl-analytics-table > thead > tr > th {
  text-transform: uppercase;
}

@media screen {
  div.divFooter {
    display: none;
  }
  div.divHeader {
    display: none;
  }
}




/*  ------------------------ PRINT RELATED ------------------------ */



/*
@media (min-width: 992px) {
  .modal-print {
    max-width: 900px;
  }
}

@media (min-width: 576px) {
.modal-print {
    max-width: 900px;
    margin: 1.5rem auto;
  }

}
 for print reports  

*/
@media print {

  #print_group {
    break-inside:avoid; 
   }

   div.divFooter {
    position: fixed;
    text-transform: uppercase;
    bottom: 0;
  }

  div.divHeader {
    position: fixed;
    text-transform: uppercase;
    top: 0;
  }

  .chart-row { 
    break-inside:avoid; 
  }

   table { 
     break-inside:avoid; 
   }

  .print-page-break {
    page-break-before: always; 
    break-before: always;
  }
  body {
    display:table;
    table-layout:fixed;
   /* padding-top:3cm;  */
    padding-bottom:2.5cm;
    height:auto; 
     }

  tr  { page-break-inside:avoid; page-break-after:auto }
   /*#printSection {
    position:absolute;
    left:0;
    top:0;
   page-break-after: auto; 
  }*/
  /*@page {
    size: A4;
 /* }

  /* Setting content width, unsetting floats and margins */
/* Attention: the classes and IDs vary from theme to theme. Thus, set own classes here */  

  @page  
    { 
        size: auto;   /* auto is the initial value */ 

        /* this affects the margin in the printer settings */ 
        margin-top: 15mm;
        margin-bottom: 15mm; 

    } 

    body  
    { 
        /* this affects the margin on the content before sending to printer */ 
        margin: 0px;  
    } 
  
   /* #page-wrapper {
  width: calc(100% - 50px)!important;
  }*/
  

  .ibox-title{
    border-style: none;
  }
  .ibox-content{
    border-style: none;
  }

  h1, p, h3, th { 
    page-break-after:avoid; 
  }

    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-12 {
      float: left;
    }
    .col-sm-12, .col-lg-12, .col-12 {
      width: 100%;
    }
    .col-sm-11 {
      width: 91.66666667%;
    }
    .col-sm-10 {
      width: 83.33333333%;
    }
    .col-sm-9 {
      width: 75%;
    }
    .col-sm-8 {
      width: 66.66666667%;
    }
    .col-sm-7 {
      width: 58.33333333%;
    }
    .col-sm-6, .col-lg-6, .col-md-6, .col-6 {
      width: 50%;
    }
    .col-sm-5, .col-md-5, .col-lg-5, .col-5  {
      width: 41.66666667%;
    }
    .col-sm-4, .col-lg-4, .col-md-4 {
      width: 33.33333333%;
    }
    .col-sm-3 {
      width: 25%;
    }
    .col-sm-2 {
      width: 16.66666667%;
    }
    .col-sm-1 {
      width: 8.33333333%;
    }
    .col-sm-pull-12 {
      right: 100%;
    }
    .col-sm-pull-11 {
      right: 91.66666667%;
    }
    .col-sm-pull-10 {
      right: 83.33333333%;
    }
    .col-sm-pull-9 {
      right: 75%;
    }
    .col-sm-pull-8 {
      right: 66.66666667%;
    }
    .col-sm-pull-7 {
      right: 58.33333333%;
    }
    .col-sm-pull-6 {
      right: 50%;
    }
    .col-sm-pull-5 {
      right: 41.66666667%;
    }
    .col-sm-pull-4 {
      right: 33.33333333%;
    }
    .col-sm-pull-3 {
      right: 25%;
    }
    .col-sm-pull-2 {
      right: 16.66666667%;
    }
    .col-sm-pull-1 {
      right: 8.33333333%;
    }
    .col-sm-pull-0 {
      right: auto;
    }
    .col-sm-push-12 {
      left: 100%;
    }
    .col-sm-push-11 {
      left: 91.66666667%;
    }
    .col-sm-push-10 {
      left: 83.33333333%;
    }
    .col-sm-push-9 {
      left: 75%;
    }
    .col-sm-push-8 {
      left: 66.66666667%;
    }
    .col-sm-push-7 {
      left: 58.33333333%;
    }
    .col-sm-push-6 {
      left: 50%;
    }
    .col-sm-push-5 {
      left: 41.66666667%;
    }
    .col-sm-push-4 {
      left: 33.33333333%;
    }
    .col-sm-push-3 {
      left: 25%;
    }
    .col-sm-push-2 {
      left: 16.66666667%;
    }
    .col-sm-push-1 {
      left: 8.33333333%;
    }
    .col-sm-push-0 {
      left: auto;
    }
    .col-sm-offset-12 {
      margin-left: 100%;
    }
    .col-sm-offset-11 {
      margin-left: 91.66666667%;
    }
    .col-sm-offset-10 {
      margin-left: 83.33333333%;
    }
    .col-sm-offset-9 {
      margin-left: 75%;
    }
    .col-sm-offset-8 {
      margin-left: 66.66666667%;
    }
    .col-sm-offset-7 {
      margin-left: 58.33333333%;
    }
    .col-sm-offset-6 {
      margin-left: 50%;
    }
    .col-sm-offset-5 {
      margin-left: 41.66666667%;
    }
    .col-sm-offset-4 {
      margin-left: 33.33333333%;
    }
    .col-sm-offset-3 {
      margin-left: 25%;
    }
    .col-sm-offset-2 {
      margin-left: 16.66666667%;
    }
    .col-sm-offset-1 {
      margin-left: 8.33333333%;
    }
    .col-sm-offset-0 {
      margin-left: 0%;
    }
    .col-print-1 {width:8%;  float:left;}
    .col-print-2 {width:16%; float:left;}
    .col-print-3 {width:25%; float:left;}
    .col-print-4 {width:33%; float:left;}
    .col-print-5 {width:42%; float:left;}
    .col-print-6 {width:50%; float:left;}
    .col-print-7 {width:58%; float:left;}
    .col-print-8 {width:66%; float:left;}
    .col-print-9 {width:75%; float:left;}
    .col-print-10 {width:83%; float:left;}
    .col-print-11 {width:92%; float:left;}
    .col-print-12 {width:100%; float:left;}
    .visible-xs {
      display: none !important;
    }
    .hidden-xs {
      display: block !important;
    }
    table.hidden-xs {
      display: table;
    }
    tr.hidden-xs {
      display: table-row !important;
    }
    th.hidden-xs,
    td.hidden-xs {
      display: table-cell !important;
    }
    .hidden-xs.hidden-print {
      display: none !important;
    }
    .hidden-sm {
      display: none !important;
    }
    .visible-sm {
      display: block !important;
    }
    table.visible-sm {
      display: table;
    }
    tr.visible-sm {
      display: table-row !important;
    }
    th.visible-sm,
    td.visible-sm {
      display: table-cell !important;
    }
  }




/*  ------------------------ SMALL SCREEN SPECIFIC ------------------------ */


/*  ------------------------ MISC. ------------------------ */


.fa-tassl-menu {
  width: 1.28571429em;
  text-align: center;
  margin-right: 0.5rem!important;
}

.fa-tassl-button {
  width: 1.28571429em;
  text-align: center;
  margin-right: 0.5rem!important;
}




.no-js [data-responsive-menu] ul {
  display: none;
}

.mobile-indicator { 
    position: absolute;
    margin-left:25px;
    margin-top:-18px;
}
 
.profile-box {
    position: relative;
}

tfoot input {
    width: 100%;
    padding: 3px;
    box-sizing: border-box;
}

.widget.lazur-bg.p-lg {
  height: 230px;
}

.num {
  mso-number-format:General;
}

.text{
  mso-number-format:"\@";/*force text*/
}

.syncdate {
  margin-top:10px;
  display: inline-block;
}

.btn-margin {
  margin-bottom:5px;
  margin-top:5px;
  margin-right:5px;
  margin-left:5px;
}

.top-rounded {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.social-feed-box {
  /* padding: 15px; */
  background: #fff;
  margin-bottom: 15px;
}

.popover {
/* to render above `.navbar-static-side` with a custom z-index of `2001`. */
  z-index: 2060;
}

/* Allows chosen dropdowns/select fields to fill their parent container like our input fields tend to do. */
.chosen-container {
  width: 100%!important;
}