/* Payment Schedule inupus */
.schedule-input {
  border: 0;
  height: 100%;
  font-weight: 600;
}

/* Scroll body of modal */
.modal-dialog-scroll {
  overflow-y: initial !important;
}

/* File Inputs */
.fileinput.input-group {
    display: table;
}

.fileinput {
    margin-bottom: 9px;
    display: inline-block;
}

.fileinput.input-group > * {
    position: relative;
    z-index: 2;
}

.fileinput .form-control {
    padding-top: 7px;
    padding-bottom: 5px;
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
    cursor: text;
}

.fileinput-new.input-group .btn-file,
.fileinput-new .input-group .btn-file {
    border-radius: 0 4px 4px 0;
}

.fileinput.input-group > .btn-file {
    z-index: 1;
    height: 34px;
}

.modal-dialog-scroll  .modal-body {
  height: 50em;
  overflow-y: scroll;
}

.fileinput-exists .fileinput-new,
.fileinput-new .fileinput-exists {
    display: none;
}

.btn-file > input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    font-size: 23px;
    height: 100%;
    width: 100%;
    direction: ltr;
    cursor: pointer;
}

input[type=file] {
    display: block;
}

.required-form {
  color: #f44336;
  font-weight: bold;
}

.footable-filtering-search {
  float: left !important;
}

.table-responsive-all {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }
  .table-responsive-all > .table {
    margin-bottom: 0;
  }
  .table-responsive-all > .table > thead > tr > th,
  .table-responsive-all > .table > tbody > tr > th,
  .table-responsive-all > .table > tfoot > tr > th,
  .table-responsive-all > .table > thead > tr > td,
  .table-responsive-all > .table > tbody > tr > td,
  .table-responsive-all > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive-all > .table-bordered {
    border: 0;
  }
  .table-responsive-all > .table-bordered > thead > tr > th:first-child,
  .table-responsive-all > .table-bordered > tbody > tr > th:first-child,
  .table-responsive-all > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive-all > .table-bordered > thead > tr > td:first-child,
  .table-responsive-all > .table-bordered > tbody > tr > td:first-child,
  .table-responsive-all > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive-all > .table-bordered > thead > tr > th:last-child,
  .table-responsive-all > .table-bordered > tbody > tr > th:last-child,
  .table-responsive-all > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive-all > .table-bordered > thead > tr > td:last-child,
  .table-responsive-all > .table-bordered > tbody > tr > td:last-child,
  .table-responsive-all > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive-all > .table-bordered > tbody > tr:last-child > th,
  .table-responsive-all > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive-all > .table-bordered > tbody > tr:last-child > td,
  .table-responsive-all > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }

td > .item {
  width: 20em;
}

.product,
.package,
.budget,
.quantity {
  /* font-weight: bold; */
}

.quantity {
  float: right;
}

/* -- Circle Tiles */
.circle-tile {
    margin-bottom: 15px;
    text-align: center;
}

.circle-tile-heading {
    position: relative;
    width: 80px;
    height: 80px;
    margin: 0 auto -40px;
    border: 3px solid rgba(255,255,255,0.3);
    border-radius: 100%;
    color: #fff;
    transition: all ease-in-out .3s;
}

.circle-tile-heading .fa {
    line-height: 80px;
}

.circle-tile-content {
    padding-top: 50px;
}

.circle-tile-number {
    padding: 5px 0 15px;
    font-size: 26px;
    font-weight: 700;
    line-height: 1;
}

.circle-tile-description {
    text-transform: uppercase;
}

.circle-tile-footer {
    display: block;
    padding: 5px;
    color: rgba(255,255,255,0.5);
    background-color: rgba(0,0,0,0.1);
    transition: all ease-in-out .3s;
}

.circle-tile-footer:hover {
    text-decoration: none;
    color: rgba(255,255,255,0.5);
    background-color: rgba(0,0,0,0.2);
}

.circle-tile-heading.dark-blue:hover {
    background-color: #2e4154;
}

.circle-tile-heading.green:hover {
    background-color: #138f77;
}

.circle-tile-heading.orange:hover {
    background-color: #da8c10;
}

.circle-tile-heading.blue:hover {
    background-color: #2473a6;
}

.circle-tile-heading.red:hover {
    background-color: #cf4435;
}

.circle-tile-heading.purple:hover {
    background-color: #7f3d9b;
}

.red {
    background-color: #FF0000;
}

.dark-blue {
    background-color: #34495e;
}

.panel-dark-blue {
  border-color: #34495e;
}
.panel-dark-blue > .panel-heading {
  color: rgba(255,255,255,0.7);
  background-color: #34495e;
  border-color: 3px solid rgba(255,255,255,0.3);
}
.panel-dark-blue > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #34495e;
}
.panel-dark-blue > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #34495e;
}

.green {
    background-color: #16a085;
}

.panel-green {
  border-color: #16a085;
}
.panel-green > .panel-heading {
  color: rgba(255,255,255,0.7);
  background-color: #16a085;
  border-color: 3px solid #16a085;
}
.panel-green > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #16a085;
}
.panel-green > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #16a085;
}

.blue {
    background-color: #2980b9;
}

.panel-blue {
  border-color: #2980b9;
}
.panel-blue > .panel-heading {
  color: rgba(255,255,255,0.7);
  background-color: #2980b9;
  border-color: 3px solid #2980b9;
}
.panel-blue > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #2980b9;
}
.panel-blue > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #2980b9;
}

.orange {
    background-color: #f39c12;
}

.panel-orange {
  border-color: #f39c12;
}
.panel-orange > .panel-heading {
  color: rgba(255,255,255,0.7);
  background-color: #f39c12;
  border-color: 3px solid #f39c12;
}
.panel-orange > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #f39c12;
}
.panel-orange > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #f39c12;
}

.red {
    background-color: #e74c3c;
}

.panel-red {
  border-color: #e74c3c;
}
.panel-red > .panel-heading {
  color: rgba(255,255,255,0.7);
  background-color: #e74c3c;
  border-color: 3px solid #e74c3c;
}
.panel-red > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #e74c3c;
}
.panel-red > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #e74c3c;
}

.purple {
    background-color: #8e44ad;
}

.panel-purple {
  border-color: #8e44ad;
}
.panel-purple > .panel-heading {
  color: rgba(255,255,255,0.7);
  background-color: #8e44ad;
  border-color: 3px solid #8e44ad;
}
.panel-purple > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #8e44ad;
}
.panel-purple > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #8e44ad;
}

.dark-gray {
    background-color: #7f8c8d;
}

.panel-dark-gray {
  border-color: #7f8c8d;
}
.panel-dark-gray > .panel-heading {
  color: rgba(255,255,255,0.7);
  background-color: #7f8c8d;
  border-color: 3px solid #7f8c8d;
}
.panel-dark-gray > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #7f8c8d;
}
.panel-dark-gray > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #7f8c8d;
}

.gray {
    background-color: #95a5a6;
}

.panel-gray {
  border-color: #95a5a6;
}
.panel-gray > .panel-heading {
  color: rgba(255,255,255,0.7);
  background-color: #95a5a6;
  border-color: 3px solid #95a5a6;
}
.panel-gray > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #95a5a6;
}
.panel-gray > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #95a5a6;
}

.light-gray {
    background-color: #bdc3c7;
}

.panel-light-gray {
  border-color: #bdc3c7;
}
.panel-light-gray > .panel-heading {
  color: rgba(255,255,255,0.7);
  background-color: #bdc3c7;
  border-color: 3px solid #bdc3c7;
}
.panel-light-gray > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #bdc3c7;
}
.panel-light-gray > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #bdc3c7;
}

.yellow {
    background-color: #f1c40f;
}

.panel-yellow {
  border-color: #f1c40f;
}
.panel-yellow > .panel-heading {
  color: rgba(255,255,255,0.7);
  background-color: #f1c40f;
  border-color: 3px solid #f1c40f;
}
.panel-yellow > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #f1c40f;
}
.panel-yellow > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #f1c40f;
}

/* -- Text Color Helper Classes */

 .text-dark-blue {
    color: #34495e;
}

.text-green {
    color: #16a085;
}

.text-blue {
    color: #2980b9;
}

.text-orange {
    color: #f39c12;
}

.text-red {
    color: #e74c3c;
}

.text-purple {
    color: #8e44ad;
}

.text-faded {
    color: rgba(255,255,255,0.7);
}

.center-block {
display: block;
margin-right: auto;
margin-left: auto;
text-align: center;
}

.message-item {
margin-bottom: 25px;
margin-left: 40px;
position: relative;
}
.message-item .message-inner {
background: #fff;
border: 1px solid #ddd;
border-radius: 3px;
padding: 10px;
position: relative;
}
.message-item .message-inner:before {
border-right: 10px solid #ddd;
border-style: solid;
border-width: 10px;
color: rgba(0,0,0,0);
content: "";
display: block;
height: 0;
position: absolute;
left: -20px;
top: 6px;
width: 0;
}
.message-item .message-inner:after {
border-right: 10px solid #fff;
border-style: solid;
border-width: 10px;
color: rgba(0,0,0,0);
content: "";
display: block;
height: 0;
position: absolute;
left: -18px;
top: 6px;
width: 0;
}
.message-item:before {
background: #fff;
border-radius: 2px;
bottom: -30px;
box-shadow: 0 0 3px rgba(0,0,0,0.2);
content: "";
height: 100%;
left: -30px;
position: absolute;
width: 3px;
}
.message-item:after {
background: #fff;
border: 2px solid #ccc;
border-radius: 50%;
box-shadow: 0 0 5px rgba(0,0,0,0.1);
content: "";
height: 15px;
left: -36px;
position: absolute;
top: 10px;
width: 15px;
}
.clearfix:before, .clearfix:after {
content: " ";
display: table;
}
.message-item .message-head {
border-bottom: 1px solid #eee;
margin-bottom: 8px;
padding-bottom: 8px;
}
.message-item .message-head .avatar {
margin-right: 20px;
}
.message-item .message-head .user-detail {
overflow: hidden;
}
.message-item .message-head .user-detail h5 {
font-size: 16px;
font-weight: bold;
margin: 0;
}
.message-item .message-head .post-meta {
float: left;
padding: 0 15px 0 0;
}
.message-item .message-head .post-meta >div {
color: #333;
font-weight: bold;
text-align: right;
}
.post-meta > div {
color: #777;
font-size: 12px;
line-height: 22px;
}
.message-item .message-head .post-meta >div {
color: #333;
font-weight: bold;
text-align: right;
}

.hiddenRow {
  padding: 0px !important;
}

.red-bg, .bg-danger {
    background-color: #ed5565 !important;
    color: #ffffff;
}

.red-bg, .bg-inverse {
    background-color: #000 !important;
    color: #ffffff;
}

.yellow-bg, .bg-warning {
    background-color: #f8ac59 !important;
    color: #ffffff;
}

.loginscreen.middle-box {
    width: 335px;
}

.navbar {
    min-height: 40px !important;
}

.navbar-inverse {
    background-color: #444;
    border-color: #080808;
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 10px;
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: #1c84c6;
}

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    color: #ffffff;
    background-color: #0F77BC;
}

.navbar-inverse .navbar-nav>li>a {
    color: #fff;
}

/* remove href links when printing */
@media print {
  a[href]:after {
    content: none !important;
  }
}

table {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  /*table-layout: fixed;*/
}
table caption {
  font-size: 1.5em;
  margin: .5em 0 .75em;
}
table tr {
  background: #f8f8f8;
  border: 1px solid #ddd;
  padding: .35em;
}
table th,
table td {
  padding: .625em;
  text-align: left;
}
table th {
  font-size: .85em;
  letter-spacing: .1em;
  text-transform: uppercase;
}
@media screen and (max-width: 800px) {
  .table-bordered {
    border:none;
  }
  table {
    border: 0;
  }
  table caption {
    font-size: 1.3em;
  }
  table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  table tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }
  table td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: right;
  }
  table td:before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  table td:last-child {
    border-bottom: 0;
  }
}
td {
  overflow: auto;
}

@media (min-width: 768px) and (max-width: 1010px) {
     .navbar-header {
      float: none;
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-toggle {
      display: block;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
      display: none!important;
  }
  .navbar-nav {
      float: none!important;
      margin-top: 7.5px;
  }
  .navbar-nav>li {
      float: none;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .collapse.in{
      display:block !important;
  }
}

#notification_li{
  position:relative;
  z-index: 999999;
}
#notificationContainer {
  background-color: #fff;
  border: 1px solid rgba(100, 100, 100, .4);
  -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
  overflow: visible;
  position: absolute;
  top: 30px;
  margin-left: 0px;
  width: 400px;
  z-index: 99;
  display: none;
}
#notificationContainer:before {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  color: transparent;
  border: 10px solid black;
  border-color: transparent transparent white;
  margin-top: -20px;
  margin-left: 10px;
}
#notificationTitle {
  z-index: 1000;
  font-weight: bold;
  padding: 8px;
  font-size: 13px;
  background-color: #ffffff;
  width: 384px;
  border-bottom: 1px solid #dddddd;
}
#notificationsBody {
  padding: 5px !important;
  height:380px;
  overflow: scroll;
  font-size: 13px;
}

#notificationsBody img {
  border-radius: 50em;
}

#notificationFooter {
  background-color: #e9eaed;
  text-align: center;
  font-weight: bold;
  padding: 8px;
  font-size: 12px;
  border-top: 1px solid #dddddd;
}
#notification_count {
  padding: 3px 7px 3px 7px;
  background: #f56725;
  color: #ffffff;
  font-weight: bold;
  margin-left: 25px;
  border-radius: 9px;
  position: absolute;
  margin-top: -8px;
  font-size: 11px;
  z-index: 100;
}

.mt5 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt20 {margin-top: 20px;}
.mt50 {margin-top: 50px;}

.navbar {
  border-radius: 0;
  border-top:0px solid transparent;
  margin-bottom: 0px;
}

.navbar-inverse .navbar-nav > li > a {
  /*color: #fff !important;*/
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  color: #FFFFFF !important;
  text-decoration: none;
  background-color: #7CB5D9 !important;
}

/* Sidebar nav */
.metismenu li {
  color:black;
}

.metismenu li.active {
  background:#1A7BB9 !important;
  color:black;
}

.metismenu li.active li {
  background:#ccc !important;
}

.metismenu li a{
  color:#000;
}

/* Add to Git repo
 * Need for all projects to fix critical bugs
 */

/* jQuery UI autocomplete */
.ui-menu .ui-menu-item a {
  color: black !important;
}

.ui-datepicker-month, .ui-datepicker-year {
    color: black !important;
}

#ui-datepicker-div {
  z-index: 99999 !important;
}

/* Button dropdown in table fix */
.table-dropdown {
  top: initial !important;
  left: initial !important;
}

/* Select2 CSS fixes */
.select2-container .select2-selection--single {
  border: 1px solid #e5e6e7;
  border-radius: 1px;
  height: 34px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 33px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  top: 55%;
}

span.select2-container {
    width:100% !important;
}

.select2-close-mask{
    z-index: 2099;
}
.select2-dropdown{
    z-index: 3051;
}

/* Conditionize.js style fixes */
.conditional {
  margin: 0;
  border: none;
  padding: 0;
}