/* your styles go here */
html
{
  overflow-y: scroll; /*Do not allow page width to change when scrollbar appears*/
}
.side-navbar i
{
  text-align: center;
  min-width: 20px;
}
.side-navbar li
{
  margin-right: 4px;
}
.side-navbar li ul
{
  border-left: 2px solid #33b35a;
}
.side-navbar li ul.collapse a
{
  border-left: 0;
}
nav.navbar a.menu-btn /*navbar button fixed alignment*/
{
  line-height: 36px;
}
.navbar-header /*navbar logo*/
{
  width: 280px;
}
nav.navbar .badge
{
  position: absolute;
  top: -2px;
  right: -9px;
}
.side-navbar li a
{
  font-size: 0.75rem;
  padding: 8px;
  border-bottom: 1px solid #292929;
}
.side-navbar li ul a
{
  font-size: 0.7rem;
}
.side-menu
{
  border-top: 1px solid #292929;
}
.side-navbar.shrink
{
  width: 85px;
}
.side-navbar .sidenav-header img
{
  margin-right: 4px;
}
@media (min-width: 1199px)
{
  .modal-role-heading
  {
    display:none;
  }
}

body
{
  font-size: 0.8rem;
}
#sections_container
{
  margin-left: auto;
  margin-right: auto;
  max-width: 1800px;
  padding: 20px 35px;
}
@media (max-width: 1000px)
{
  #sections_container
  {
    padding: 12px 10px;
  }
}
a
{
  color: rgb(74, 106, 79);
  cursor: pointer;
}
a:hover
{
  color: #33b35a;
  text-decoration: none;
}
td > a
{
  font-weight: bold;

}
h3
{
  line-height: 34px;
}
strong
{
  font-weight: 500;
  color: #555555;
}
.card
{
  box-shadow: rgba(0,0,0,0.2) 1px 1px 4px;
  border-radius: 4px;
}
.card-header
{
  padding: .75rem 1.25rem;
  font-weight: bold;
  background-color: rgba(0,0,0,.02);
  border-bottom: 1px solid rgba(0,0,0,.125);
}
.card-body
{
  padding: 1.1rem 1.25rem;
}
.card-body .text-light
{
  color: #888888 !important;
}
.btn
{
  font-size: 0.8rem;
  box-shadow: rgba(0,0,0,0.2) 1px 1px 4px;
  border: 1px solid #b8b8b8;
  border-radius: 4px;
  padding: 0.4rem 0.6rem;
}
.btn-light
{
  box-shadow: rgba(0,0,0,0.1) 1px 1px 4px;
  border: 1px solid #c8c8c8;
}
.btn-light:hover
{
  background-color: #f0f3f6;
  border: 1px solid #b8b8b8;
}
.btn-success
{
  border: 1px solid #89918b;
}
.btn:hover
{
  box-shadow: rgba(0,0,0,0.1) 1px 1px 4px inset;

}
.badge
{
  border-radius: 3px;
  padding: .3em .5em;
  font-size: 100%;
}
.badge-primary
{
  background-color: #007bff;
}
/*Tables BEGIN */
thead
{
  background-color: rgba(0,0,0,.02);
  border-top: 1px solid rgba(0,0,0,.125);
}
.table td, .table th
{
  vertical-align: middle !important;
  padding: 0.5rem 0.65rem;
}
.table-light > td
{
  background-color: aliceblue;
}
.table-hover .table-light:hover
{
  background-color: aliceblue;
}
.page-header
{
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.page-header > *
{
  margin-bottom: 8px;
}
/*Tables END */

.form-control
{
  font-weight: 300;
  font-size: 0.8rem;
  height: calc(1.5em + .75rem + 2px);
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  border-radius: 4px;
}
.form-control::placeholder
{
  font-size: 0.8rem;
}
.form-control
{
  padding-left: 10px;
}
/*custom checkboxes*/
input.form-control-custom + label
{
  color: #444444;
}
input.form-control-custom + label::before
{
  border-radius: 3px;
}

input:optional
{
  padding-left: 12px
}
input:required {
  border-left: 3px solid #ADDBB7;
  border-right: 3px solid #ADDBB7;
}
input:invalid {
  border-left: 3px solid salmon;
  border-right: 3px solid salmon;
}
textarea:required {
  border-left: 3px solid #ADDBB7;
  border-right: 3px solid #ADDBB7;
}
textarea:invalid {
  border-left: 3px solid salmon;
  border-right: 3px solid salmon;
}
select:optional
{
  padding-left: 12px
}
select:required {
  border-left: 3px solid #ADDBB7;
  border-right: 3px solid #ADDBB7;
}
select:invalid {
  border-left: 3px solid salmon;
  border-right: 3px solid salmon;
}
.multiselect{font-size: 0.8rem; font-weight: 300}
.input-group-prepend
{
  height: calc(1.5em + .75rem + 2px);
}
.input-group-prepend .input-group-text
{
  font-size: 0.85rem !important;
  border-top-left-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
}
.input-group-append .btn
{
  padding: 0.39rem 0.6rem;
}
label
{
  font-size: 0.8rem;
  font-weight: 500;
}

.dropzone
{
  min-height: 100px;
}
.avatar
{
  border: 1px solid lightgrey;
  border-radius: 5px;
  background-color: rgb(238, 238, 238);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  display: inline-block;
  float: left;
  width: 35px;
  height: 35px;
}
.avatar-clickable:hover
{
  cursor: pointer;
  box-shadow: 0 0 3px dimgrey;
  border: 1px solid darkgrey;
}
.ms-container
{
  width: 100%;
}
.ms-container .ms-selectable .ms-list
{
  border-color: red;
}
.ms-container .ms-selection .ms-list
{
  border-color: green;
}
.ms-container li.ms-hover, .ms-container .ms-selection li.ms-hover
{
  background-color: #c82333;
}

/* Breadcrumbs BEGIN */
#breadcrumb_container { width: 100%; height: auto;  float: left; }
.breadcrumb { background: transparent; margin: 0; padding: 0; font-size: 0.8rem;}
.breadcrumb li { height: 40px; line-height: 40px; }
.breadcrumb li a { height: 40px; line-height: 40px; padding: 0 10px 0 0; color: #888; text-decoration: none; font-weight: normal; display: inline-block; }
.breadcrumb li a:hover { color: #FFFFFF; }
.breadcrumb li.active { color: #DDDDDD; font-weight: normal; cursor: default; }
.breadcrumb > li + li::before {
  padding: 0 5px;
  color: #ccc;
  content: "/\00a0";
}
/* Breadcrumbs END */

/*Popovers and hover tooltips BEGIN*/
.popover-header
{
  font-size: 0.8rem;
}
h3 .popover-header
{
  line-height: 1.5;
}
.popover
{
  font-size: 0.8rem !important;
}
/*Popovers and hover tooltips END*/
/*Dropdowns BEGIN */
.dropdown-menu-center {
  left: 50% !important;
  transform: translateX(-50%) !important;
  top: 100% !important;
}
.dropdown-item
{
  line-height: 1.6rem;
  font-size: 0.9rem;
  cursor: pointer;
}
.dropdown-item.active, .dropdown-item:active
{
  color: black;
  background-color: #ebebeb;
}
/*Dropdowns END */
/*MODALS BEGIN */
.modal h5
{
  font-size: 1.25rem;
}
.modal-footer > *
{
  margin: 0;
}
.modal-open {
  overflow: scroll;
}
/*MODALS END*/


/*FULL CALENDAR BEGIN */
/*background event*/
.fc .fc-bg-event
{
  background: #ddf5d9 !important;
  opacity: 1 !important;
}
.holiday-calendar-title
{
  padding: 4px;
  color: #737373;
  font-weight: bold;
}
/* Hide some buttons and reduce title size when the on smaller screens */
@media (max-width: 700px) {
  .fc-today-button, .fc-resourceTimelineWeek-button {
    display: none!important;
  }
  .fc-toolbar-title {
   /* font-size: 1rem!important;*/
  }
}
@media (max-width: 550px) {
  .fc-header-toolbar .fc-toolbar-chunk:nth-child(3)
  {
    display: none;
  }
}
/*FULL CALENDAR END*/

.progress
{
  background-color: #eff1f3;
}
pre
{
  padding: 10px;
  background-color: white;
  border-radius: 3px;
  border: 1px solid #ced4da;
  box-shadow: inset 0 0 3px rgba(0,0,0,.2);
  border-left: 12px solid #68c3d1;
  white-space: pre-wrap;
}
.pre-danger
{
  border-left-color: #c82333;
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.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-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
  padding-right:13px;
  padding-left:13px;
}